快速將小程序生成 App 八步走?。?！
App
在開始之前，讓我們一起來了解一下Finclip吧！
Finclip是凡泰極客公司研發(fā)的一款在開發(fā)體驗(yàn)、學(xué)習(xí)門檻、應(yīng)用場景、生態(tài)能力等方面都體現(xiàn)巨大優(yōu)勢的小程序容器。不論是移動APP，還是電腦、電視、車載主機(jī)等設(shè)備，在集成Finclip小程序SDK之后，都能快速獲得運(yùn)行小程序的能力。
Finclip提供了100%自主知識產(chǎn)權(quán)的小程序SDK和小程序管理后臺，開發(fā)者可以將已有的小程序遷移部署在自有APP中，從而獲得足夠靈活的小程序開發(fā)與管理體驗(yàn)。
Finclip不僅兼容微信小程序語法，還提供了全套的小程序開發(fā)管理套件，開發(fā)者不需要學(xué)習(xí)新的語法和框架，使用Finclip IDE、小程序管理后臺、小程序開發(fā)文檔、Finclip APP就能低成本高質(zhì)量地完成從開發(fā)測試，到預(yù)覽部署的全部工作。
到這里，可能你會疑惑，為啥這款小程序容器技術(shù)還有生成APP這般能力？到底是什么樣的操作讓它如此優(yōu)秀？別急... ...
小程序轉(zhuǎn)APP原理，實(shí)際上是將小程序離線包內(nèi)置到FIDE生成的Android/IOS工程中，并且FIDE支持線上直接打包成APK或IPA。其中生成的Android/IOS工程默認(rèn)是幫咱們集成了FinClip 小程序容器SDK，并且默認(rèn)在手機(jī)端打開APP應(yīng)用時會默認(rèn)打開API。
簡單來說，其實(shí)是通過FIDE生成一個APP應(yīng)用的”殼子“，在這個“殼子”里面打開已上架的小程序，所以小程序轉(zhuǎn)APP之前，我們需要有一個已在管理后臺上架的小程序。
閑話少說，用你勤勞的雙手馬上試試吧！八個步驟就能完成！?。?/p>
一、準(zhǔn)備工作
打開FinClip官網(wǎng)https://www.finclip.com/，在開發(fā)者中心->資源下載中心，下載并安裝FIDE。
二、新增小程序
登錄finclip官網(wǎng)，在小程序管理->我的小程序新增一個小程序。
比如新增了一個小程序叫newapp3，那么名稱寫newapp3，分類、標(biāo)簽、簡介寫其他即可。
三、新增合作應(yīng)用
應(yīng)用管理->新增合作應(yīng)用。
給這個應(yīng)用增加一個Bundle ID。
在newapp3一欄點(diǎn)擊關(guān)聯(lián)小程序，找到剛剛新建的newapp3，新增關(guān)聯(lián)。
四、創(chuàng)建工程
回到桌面，在下載一欄，新增一個空文件夾，命名它為newapp3。打開IDE工具，項(xiàng)目目錄選擇剛剛創(chuàng)建的newapp3文件夾，APP ID選擇newapp3，然后點(diǎn)擊完成。
之后，IDE會為我們創(chuàng)建默認(rèn)的hello world代碼。我們不妨以這個hello world作為我們生成app的示例。
當(dāng)然，如果你已有小程序項(xiàng)目，直接使用IDE打開并選擇后臺對應(yīng)的APP ID即可。
五、將小程序提交到云端
1、上傳
2、審核
回到finclip官網(wǎng)，在小程序管理->我的小程序找到newapp3->詳情->審核版本->新增審核。
勾選剛剛上傳的首次發(fā)布版本，點(diǎn)下一步->下一步->提交。
此時，該版本會進(jìn)入審核的隊(duì)列。
3、同意審核
我們回到小程序管理->小程序上架審核->詳情一欄，點(diǎn)擊同意即可同意此次審核。
4、上架
在小程序管理->我的小程序找到newapp3->詳情->審核版本->版本上架->確認(rèn)上架。
此時，hello world 的代碼就成功提交到云端拉。
六、進(jìn)行APP相關(guān)配置
1、本地編譯
若你有一定的開發(fā)基礎(chǔ)，可以選擇本地編譯，相關(guān)配置項(xiàng)需要自行配置，可參考：https://www.finclip.com/mop/document/develop/developer/convert/local-configuration.html#_1-ios-%E5%B7%A5%E7%A8%8B%E9%85%8D%E7%BD%AE
點(diǎn)擊IDE的菜單欄生成APP->下一步->本地編譯->下一步→選擇相應(yīng)APP ID->下一步->確認(rèn)配置APP信息->下一步->導(dǎo)出目錄->完成->等待導(dǎo)出。
生成成功就可以在目錄下找到啦??！
2、云打包
此時你需要先進(jìn)行生成APP相關(guān)配置。點(diǎn)擊IDE的菜單欄生成APP->生成APP配置。
（1）基礎(chǔ)配置
填寫應(yīng)用名稱/應(yīng)用 App 版本號/應(yīng)用 build 版本號。
（2）圖標(biāo)配置
提供簡單模式和定制模式。
（3）啟動閃屏配置
打開 App 時的加載的圖片，上傳 iOS 與 Android 平臺中相應(yīng)尺寸的圖片即可。
（4）URL Scheme配置
不同 App 間喚起的標(biāo)識信息，可供您基于推送等渠道打開 App。
（5）權(quán)限配置
分為用戶隱私協(xié)議配置（勾選后會在首次打開 App 時顯示隱私配置，相應(yīng)的配置需要去「管理后臺-小程序詳情-隱私設(shè)置」進(jìn)行配置）與權(quán)限配置（當(dāng)需要將 App 上架至應(yīng)用商店時，需要先行配置其中的使用權(quán)限）。
相關(guān)描述根據(jù)需要填寫即可。
（6）第三方SDK配置
通過配置第三方SDK可以使 App 獲取一些擴(kuò)展能力，比如高德地圖/微信登錄等。
需要獲取相關(guān)配置信息并填寫，第三方SDK配置詳細(xì)步驟及其相關(guān)信息獲取可以參考：https://www.finclip.com/mop/document/develop/developer/convert/extend-sdk-config.html#%E7%AC%AC%E4%B8%89%E6%96%B9-sdk-%E5%8F%82%E6%95%B0%E9%85%8D%E7%BD%AE
最后，點(diǎn)擊保存即可。當(dāng)然，有些配置是非必要的，可以根據(jù)個人情況按需填寫。
七、準(zhǔn)備證書
由于證書與 BundleID 之間是一一對應(yīng)關(guān)系，因此需要上傳所需的證書。
IOS生成證書：https://www.finclip.com/mop/document/develop/developer/convert/local-configuration.html#_1-2-%E9%85%8D%E7%BD%AE%E5%B7%A5%E7%A8%8B
Android生成證書：https://www.finclip.com/mop/document/develop/developer/convert/local-configuration.html#_2-4-%E6%9E%84%E5%BB%BA%E6%AD%A3%E5%BC%8F%E5%BA%94%E7%94%A8
Android生成證書（推介）：https://somaaa.com/index/keystore
八、生成APP
點(diǎn)擊IDE的菜單欄生成APP。
點(diǎn)擊下一步->云打包->下一步->選擇相應(yīng)APP ID->下一步->確認(rèn)配置APP信息->下一步->選擇APP所屬平臺（IOS/Android）->下一步->填寫證書信息及上傳證書->下一步->任務(wù)提交成功。
點(diǎn)擊查看編譯任務(wù)列表->查看云打包進(jìn)展->成功后點(diǎn)擊下載安裝包并安裝運(yùn)行即可。
到這里，就是我們生成APP的所有步驟啦，也恭喜你成功get到了一項(xiàng)新技能?。?！
備注
①更新app不需要修改app的代碼，只需要在小程序中修改代碼，然后重復(fù)走上文中第五步流程即可；
②已有的小程序項(xiàng)目不局限于finclip小程序，也可以是原生或者通過工具轉(zhuǎn)換的微信小程序項(xiàng)目，或者是已經(jīng)集成了Flutter SDk的Flutter項(xiàng)目等等；
③需要注意生成APP的小程序必須在finclip后臺上架并且與宿主運(yùn)用關(guān)聯(lián)，還需確保APP ID/Bundle ID/證書別名密碼等信息準(zhǔn)確無誤；
④打包方式選擇云打包是會生成對應(yīng)端的apk包，若想要導(dǎo)出對應(yīng)端的源碼可以選擇本地編譯方式；
