手機(jī)網(wǎng)站一鍵秒變App？詳細(xì)教程來(lái)了

時(shí)間：2023-07-24 00:09:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-07-24 00:09:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)

手機(jī)網(wǎng)站一鍵秒變App？詳細(xì)教程來(lái)了：App開(kāi)發(fā)大家都耳熟能詳，可如果要把一個(gè)網(wǎng)站變成app，需要怎么操作？

用友YonBuilder移動(dòng)低代碼開(kāi)發(fā)平臺(tái)（APICloud）可以在線云編譯，將已有HTML5網(wǎng)站一鍵打包生成 iOS、Android app，并且可以伴隨HTML5網(wǎng)站的更新自動(dòng)更新。不過(guò)有一點(diǎn)需要注意，網(wǎng)站需要進(jìn)行過(guò)移動(dòng)端適配。

首先，進(jìn)入APICloud 官網(wǎng)www.apicloud.com并完成注冊(cè)。進(jìn)入開(kāi)發(fā)控制臺(tái)，點(diǎn)擊創(chuàng)建應(yīng)用，選擇Web app，填入應(yīng)用名稱和網(wǎng)址，就可以輕松創(chuàng)建應(yīng)用。

然后在控制臺(tái)云編譯界面上傳圖標(biāo)和啟動(dòng)頁(yè)，就可以編譯app的正式包，下載或者掃碼安裝就可以直接使用了。當(dāng)然在打包之前，HTML5網(wǎng)站需要做手機(jī)端的適配。

下圖是以APICloud官網(wǎng)為例，在安卓模擬器上的效果圖。







另外，使用APICloud平臺(tái)可以在網(wǎng)址打包的基礎(chǔ)上，接入部分功能，在控制臺(tái)直接使用Web app是沒(méi)有代碼的，只有一個(gè)apk包。

如果想接入平臺(tái)的模塊，就需要在控制臺(tái)創(chuàng)建Native app, Native app可以添加模塊并檢出代碼，然后在代碼中進(jìn)行改造，引入相關(guān)代碼，上傳后重新編譯，就可以使用了。

然后在APICloud Studio3中檢出代碼。

下載地址?：https://www.apicloud.com/studio3（復(fù)制到PC端瀏覽器打開(kāi)）

在main.html用api.openFrame打開(kāi)網(wǎng)址，如圖所示：

開(kāi)發(fā)app常見(jiàn)的推送等功能都可以接入，按照APICloud平臺(tái)的官方文檔接入即可。

接下來(lái)簡(jiǎn)單介紹一下推送模塊如何接入，相關(guān)的示例代碼在下方展示。在使用模塊之前，需要在模塊庫(kù)中搜索相關(guān)模塊，然后添加到應(yīng)用中，進(jìn)行編譯。




接入極光推送

接入極光推送，也需要在極光官網(wǎng)注冊(cè)帳號(hào)，并創(chuàng)建應(yīng)用，獲取APP_KEY。在config.xml中配置meta-data，填寫(xiě)JPUSH_APPKEY及 JPUSH_CHANNEL參數(shù)。

配置文件中代碼如下：

<meta-data name="JPUSH_CHANNEL" value=" 渠道號(hào) "/><meta-data name="JPUSH_APPKEY" value=" 通過(guò)極光推送網(wǎng)站獲得 appkey" />


然后在添加初始化代碼就可以使用了，這里需要注意的是初始化方法只 Android有效，iOS上會(huì)自動(dòng)初始化。

var jpushVip = api.require('jpushVip');jpushVip.init(function(ret) {if (ret && ret.status){ //success }});離線推送，需要配置極光廠商通道，具體的方法可以參考：

https://docs.apicloud.com/Client-API/Open-SDK/jpushVip

此外也可以接入其他功能，詳細(xì)情況可以到APICloud官網(wǎng)進(jìn)行了解。