CRMEB Pro商城系統是一款H5/公眾號/小程式商城系統，其后端開發運用了當下最為流行的技術，比如異步任務、資料庫鏈接池、表單生成、長連接、任務佇列、定時任務、前后端分離、Redis快取等，前端也采用前后端分離的方式開發，實作了標準介面，移動端使用uni-app作為開發框架，實作了多端資料互通，支持公眾號+H5+小程式+PC+APP+DIY設計！

基于以上可以看出是一款非常優秀的商城系統，不過較為遺憾的是這是一款商業版系統，需要付費，不過相比較行業內同樣配置的商城系統動輒幾十萬的價格，這套系統的價位就非常親民，良心了！

不過該團隊也開源了多個開源專案，同樣也非常優秀，有需要的小伙伴，可以去體驗下良心開源專案，地址：http://github.crmeb.net/u/xingfu

回歸主題，最近CRMEB團隊升級了該系統，對APP做了大量優化支持，第一時間就去體驗了，各方面相當不錯，現在就將打包程序記錄下來，分享給各位，對學習uni-app的同學也有一定的幫助！

APP打包IDE軟體

HBuilder X，該系統是采用uni-app開發，所以打包就必須要依賴這款IDE!

基礎配置

一、模塊配置
打開專案點擊 manifest.json

模塊配置勾選 支付、登錄、分享、 ViderPlayer和自己需要用的模塊填寫相關配置 Ctrl+s 保存
APP自動生成圖示選擇一個1024x1024的圖片傳上去，生成一下就好了，

二、權限配置

安卓的已經配置好了，ios的必須開發者填寫相關的描述資訊，需要用那些就填寫哪些，ios必須填寫詳細，不然上架容易被拒！

安卓的權限中文說明地址：http://www.kjson.com/files/androidmanifest

三、模塊配置

1. 定位選擇高德地圖，App端只支持高德地圖，所以盡量選擇高德地圖，key在高德開發平臺就可以申請到
2. OAuth 授權登錄
   一鍵登錄是uni-app官方自帶的，詳情請看官方檔案地址：https://uniapp.dcloud.io/univerify
3. 自定義第三方登錄比如：微信登錄請填寫相關的配置就可以了
4. 注意：
   ios端如果包含了任何第三方登錄，那必須也得把蘋果登錄也帶上，不然蘋果上架審核不通過

根據蘋果審核指南要求，如果 app 使用第三方或社交登錄服務 (例如，Facebook 登錄、Google 登錄、通過 Twitter 登錄、通過 LinkedIn 登錄、通過 Amazon 登錄或微信登錄) 來對其進行設定或驗證這個 app 的用戶主帳戶，則該 app 必須同時提供“通過 Apple 登錄”作為同等選項，詳情參考：App Store 審核指南 - 通過 Apple 登錄
說明：https://ask.dcloud.net.cn/article/36651

5. 支付、分享填寫相關的配置就可以了
6. 如果有視頻，需要勾選VideoPlayer(視頻播放)
   

四、App常用其它設定

為了方便測驗選擇了全部支持，測驗的時候由于各種模擬器支持的不一樣所以都勾選了，打包上線的時候選擇第一個就可以，不然ios容易出現以下問題

具體說明可以看dcloud的檔案：https://ask.dcloud.net.cn/article/36195

開發除錯

一、Windows端

1. 安裝java 選擇 Windows x64
   下載地址：https://www.oracle.com/java/technologies/javase/javase-jdk8-downloads.html
2. 安裝Android Studio （此軟體需要翻墻），可以用這個中文網
   下載地址：http://www.android-studio.org/

用andriod自己的開發除錯工具會出現代碼熱更新失敗，安卓adb沖突，所以推薦第三方模擬器

安裝雷電模擬器或者mumu模擬器 我這里選擇選擇的是mumu模擬器

安裝好后在設定中心>高級設定選擇

打開Hbuildx 編輯器設定Android模擬器埠配置和ADB路徑

雙擊App.vue檔案>點擊運行>運行到手機或模擬器>Android模擬器埠配置

mumu模擬器的默認埠是7555，別的模擬器埠需要去官方網站上面去查詢，adb路徑就是模擬器安裝的路徑，修改好后保存

然后啟動模擬器，重啟HbuildX軟體，等待一會點擊運行>運行帶手機或者模擬器 這時候就能看到模擬器的設備了，看不到的話需要關閉HbuildX，先開模擬器再打開HbuoldX編輯器

然后點擊運行就可以除錯了

二、mac端安裝xCode，安裝蘋果模擬器，在ios模擬器里面選擇手機樣式

三、真機除錯

1. 安卓連接資料線之后開啟開發者模式，不打開開發者識別不到安卓手機
2. 蘋果手機下載iTunes 官方說下載低版本的

下載地址：https://mydown.yesky.com/pcsoft/33491427/versions/
然后點擊運行-運行帶手機或者模擬器就可以看到設備了，點擊運行就行了

四、各種問題解決方案

• https://ask.dcloud.net.cn/article/151
• https://ask.dcloud.net.cn/article/97
• https://ask.dcloud.net.cn/article/36195

打包上線

一、安卓端

1. 點擊發行>原生-app云打包
   
   正式包和自定義除錯基座的區別看這篇文章:https://ask.dcloud.net.cn/article/35115
2. 生成證書
   教程：https://ask.dcloud.net.cn/article/35777
3. 簽名生成工具
   用于獲取安裝到手機的第三方應用簽名的apk包，點擊下載 [簽名生成工具]
   下載鏈接：https://res.wx.qq.com/open/zh_CN/htmledition/res/dev/download/sdk/Gen_Signature_Android2.apk
   配置好以后點擊打包，打包成功后控制有鏈接自行下載就可以了
4. 在自己需要的平臺選擇性上架APP

二、蘋果端（必須在macOs系統中操作以下流程）

1. 申請蘋果開發者賬號，進入網址注冊或者登陸：https://developer.apple.com/
   
2. 在手機Appstore里面搜索 Developer 下載，打開軟體點擊我的-現在注冊，按照格式注冊開發者賬號
   
3. 注冊好以后登陸蘋果開發者網站：https://developer.apple.com/
4. 生成蘋果證書教程和p12檔案教程：https://www.jianshu.com/p/ae11b893284b
5. 打包App
   微信所有的相關配置需要appid和需要生成ios平臺通用鏈接

ios通用鏈接配置

• https://ask.dcloud.net.cn/article/36393#unilink

ios通用鏈接生成

• 教程：https://ask.dcloud.net.cn/article/36445

填寫好所有配置后，發行-原生App云打包-勾選ios包

生成好ipa檔案后，在Transporter這個軟體上傳

6. 上傳測驗版本 登陸開發者中心點擊

選擇我的App


在TestFlight這個里面可以看到上傳的版本，點擊進去后可以添加測驗人員還有一些別的操作

7. 查看測驗版本
   手機端下載TestFlight軟體登錄進去，點擊兌換，填寫邀請碼，邀請碼是通過添加測驗人員的時候發的郵件就有
8. 下載測驗
9. 上架Appstore
   在Apple開發者平臺點擊AppStore，填寫里面所有的相關配置再點擊右上角的提交就上架審核了，審核通過后在手機Appstore就可以搜到上架的應用
   
   注意：上架的時候最好把推廣分享功能暫時先關閉了，等各個平臺審核通過后在打開！