微信小程序端

具體步驟：打開 HBuiderX -> 發(fā)行 -> 小程序-微信 -> 等待

第一步：

使用 HBuiderX 進(jìn)行打包，此時會自動打開“微信開發(fā)者工具”

注意事項：

1. 確保代碼是完整的最新的

    	2. 檢查接口域名地址是否是線上環(huán)境域名
    	3. 去掉本地項目里無用的代碼
    	4. 確定小程序 `appId` 是否正確
   復(fù)制代碼

第二步：

點擊“微信開發(fā)者工具”，右上角“上傳”

注意事項：

1. 上傳的內(nèi)容不得超過 `2M`（需優(yōu)化代碼，減少本地資源，采用網(wǎng)絡(luò)地址）
2. 填寫上傳的版本信息（**注意：**上傳的當(dāng)前的版本號要比上一次版本號大）
復(fù)制代碼

第三步：

打開登錄微信公眾平臺

注意事項：

1. 上一步操作完成后，可在“版本管理” -> “開發(fā)版本”中設(shè)置為體驗版
2. 體驗版在體驗時，若域名和上一次的體驗版有修改，先刪除上一版，重新掃碼即可（防止數(shù)據(jù)不對）
3. 提交申請前，確保小程序內(nèi)的所有內(nèi)容已經(jīng)在服務(wù)類目中有體現(xiàn)
4. 提交申請時，填寫好測試數(shù)據(jù)（比如：測試賬號密碼等）
復(fù)制代碼

第四步：

將體驗版提交審核

注意事項：

? 1. 一定要確保體驗版所有功能完好

第五步：

等待審核

注意事項：

1. 沒有勾選加速審核，一般審核時間周期為1~2天左右
2. 除了緊急上線的版本勾選下加速，因為一年只有三次機(jī)會
3. 若點了加速審核，審核失敗。在12個小時內(nèi)可重新修改完成以上步驟重新提交審核會被有限審核

第六步：

提交發(fā)布

注意事項：

1. 審核完畢，點擊提交發(fā)布，管理員掃碼確認(rèn)
2. 若提交成功，差不多半個小時左右即可發(fā)布
復(fù)制代碼

注意：不管是其他第三方域名還是自己的域名都需要在微信后臺配置好

H5端

具體步驟：打開 HBuiderX -> 發(fā)行 -> 網(wǎng)站-H5手機(jī)版 -> 填寫標(biāo)題，域名 -> 點擊 發(fā)行 -> 等待

第一步：

使用 HBuiderX 進(jìn)行打包

注意事項：

1. 區(qū)分好測試環(huán)境和線上環(huán)境
2. 本地運行解決 跨域 問題 manigest.json -> 源碼視圖

{
    ...
    "h5": {
        "devServer": {
            "proxy": {
                "/xxx" : {
                    "target" : "接口地址",
                    "changeOrigin" : true,
                    "secure" : false,
                    "pathRewrite" : {
                        "^/xxx" : "/xxx"
                    }
                }
                // 注意：多后臺人員開發(fā)接口，可以配置多個同時和多后臺人員聯(lián)調(diào)
            }
        }
    }
    ...
}
復(fù)制代碼

第二步：

將打包好的靜態(tài)資源放到服務(wù)器上即可！

注意事項：

1. 靜態(tài)資源的位置：項目根目錄下的 `unpackage` -> `dist` -> `build` -> `h5`
2. 項目里接口的域名要與網(wǎng)站域名一致最好
復(fù)制代碼

第三步：

將靜態(tài)資源放到服務(wù)器上

推薦兩款 Windows 平臺軟件：Xshell 、 Xftp 傻瓜式上傳文件到服務(wù)器！

注意事項：

1. 測試環(huán)境可以開發(fā)者自己上傳測試，線上環(huán)境最好將最新的資源包交給運維人員發(fā)布
2. `H5` 端若覺得發(fā)布麻煩，可以結(jié)合 `Jenkins` 搞個自動化發(fā)布
復(fù)制代碼

支付寶小程序端

具體步驟：打開 HBuiderX -> 發(fā)行 -> 小程序-支付寶 -> 等待

第一步：

使用 HBuiderX 進(jìn)行打包，此時會自動打開“小程序開發(fā)工具”

注意事項：

? 和 微信小程序 類似...

第二步：

點擊“小程序開發(fā)者工具”，右上角“上傳”

注意事項：

? 和 微信小程序 類似...

第三步：

打開登錄支付寶開放平臺

注意事項：

? 和 微信小程序 類似...

第四步：

將體驗版提交審核

注意事項：

? 和 微信小程序 類似...

第五步：

等待審核 & 提交發(fā)布

同理：不管是其他第三方域名還是自己的域名都需要在微信后臺配置好

安卓端

具體步驟：

1. 打開 `HBuiderX` ->  `發(fā)行` -> `原生APP - 云打包`  
2. 填寫 `證書別名`、`證書私鑰密碼`、`證書文件`
3. 點擊 `打包` -> 等待
復(fù)制代碼

第一步：

使用 HBuiderX 進(jìn)行打包

注意事項：

1. 每次打包的版本號不能小于
2. 上傳美工制作的應(yīng)用圖標(biāo)、填寫有關(guān)APP的相關(guān)信息
3. 配置文件的生成
4. 點擊 發(fā)布 -> 云打包 -> 填寫配置信息 -> 打包 -> 等待
5. 打包成功會返回下載地址下載即可

第二步：

應(yīng)用上架

注意事項：

1. 平臺應(yīng)用開發(fā)者的申請
2. 平臺創(chuàng)建應(yīng)用 -> 填各種信息
3. 將下載后的包上傳到平臺里
4. 提交、審核、等待、發(fā)布上架

注意：

1. **一定 **不要每次都云打包調(diào)試，打包調(diào)試可以采用 `自定義基座`的方式
2. 若應(yīng)用中包含微信登錄，支付、支付寶支付等第三方，需要在對應(yīng)的開放平臺創(chuàng)建應(yīng)用獲取 `appId`
3. 若應(yīng)用中包含 **熱更新** 功能，一定要注意好版本號，判斷是大版本更新還是 `wgt` 更新
4. **一定** 要按照 `HBuilder` 指定好的應(yīng)用尺寸上傳
5. 如果覺得打包慢，可采用 **離線打包**
復(fù)制代碼

蘋果端

具體步驟：

1. 打開 `HBuiderX` ->  `發(fā)行` -> `原生APP - 云打包`  
2. 填寫 `證書私鑰密碼`、`證書profile文件`、`私鑰證書` **注意**：開發(fā)環(huán)境和生產(chǎn)環(huán)境的區(qū)別
3. 點擊 `打包` -> 等待
復(fù)制代碼

第一步：

使用 HBuiderX 進(jìn)行打包

注意事項：

? 同安卓類似...

第二步：

應(yīng)用上架

注意事項：

? 同安卓類似...

注意：

1. **生產(chǎn)環(huán)境** 的配置文件打包后不能安裝到真機(jī)上
2. 將打包好的 `.ipa` 文件通過 `Transfer` 軟件自動上傳到 `App Connect Store` 里
3. 測試環(huán)境的配置文件打包的 `.ipa` 文件可以通過 `Impactor` 軟件進(jìn)行安裝 ；此時需要在開發(fā)者后臺生成**專屬密碼**
4. 應(yīng)用審核通過后，修改價格和地區(qū)等信息快速保存，可解決手機(jī) `App Store` 搜索不到軟件的問題
復(fù)制代碼

每個端一定要注意好appId等配置信息，測試環(huán)境、生產(chǎn)環(huán)境等...

總結(jié)

雖然看文章感覺每個端都很順利，其實當(dāng)真正的從零到一完成一個項目會經(jīng)歷很多的坑！相信小伙伴們真正的把各端都自己親歷親為的走一遍，相信會有很大的收獲。祝愿：所有小伙伴在技術(shù)的道理上越走越遠(yuǎn)~