使用 uni-app 開發 APP 並上架 IOS 全過程詳情 - 前端,uni-app,打包 Link 博客

theme: awesome-green

highlight: a11y-dark

教你用 uni-app 開發 APP 上架 IOS 和 Android

介紹

本文記錄了我使用uni-app開發構建併發布跨平台移動應用的全過程，旨在幫助新手開發者掌握如何使用uni-app進行APP開發並最終成功上架。通過詳細講解從註冊開發者賬號、項目創建、打包發佈到應用商店配置的每一步驟，希望我的經驗分享能為您提供實用的指導和幫助，讓您在開發之旅中少走彎路，順利實現自己的應用開發目標。

環境配置

IOS 環境配置

註冊開發者賬號

如果沒有開發者賬號需要註冊蘋果開發者賬號，並且加入 “iOS Developer Program”，如果是公司項目那麼可以將個人賬號邀請到公司的項目中。

獲取開發證書和配置文件

登錄Apple Developer找到創建證書入口

申請證書的流程可以參考Dcloud官方的教程，申請ios證書教程

開發證書和發佈證書都申請好應該是這個樣子

創建App ID

創建一個App ID。App ID是iOS應用的唯一標識符，稍後你會在uni-app項目的配置文件中使用它。

配置測試機

第一步打開開發者後台點擊Devices

第二步填寫UDID

第三步重新生成開發證書並且勾選新增的測試機，建議一次性將所有需要測試的手機加入將來就不用一遍遍重複生成證書了

Android 環境配置

生成證書

Android平台簽名證書(.keystore)生成指南： https://ask.dcloud.net.cn/article/35777

uni-app 項目構建配置

基礎配置

版本號versionCode 前八位代表年月日，後兩位代表打包次數

APP 圖標設置

APP啓動界面配置

App模塊配置

注意這個頁面用到什麼就配置什麼不然會影響APP審核

App隱私彈框配置

注意根據工業和信息化部關於開展APP侵害用户權益專項整治要求應用啓動運行時需彈出隱私政策協議，説明應用採集用户數據，這裏將詳細介紹如何配置彈出“隱私協議和政策”提示框

詳細內容可參考Uni官方文檔
注意！androidPrivacy.json不要添加註釋，會影響隱私政策提示框的顯示！！！

在app啓動界面配置勾選後會在項目中自動添加androidPrivacy.json文件，可以雙擊打開自定義配置以下內容：

{
    "version" : "1",
    "prompt" : "template",
    "title" : "服務協議和隱私政策",
    "message" : "　　請你務必審慎閲讀、充分理解“服務協議”和“隱私政策”各條款，包括但不限於：為了更好的向你提供服務，我們需要收集你的設備標識、操作日誌等信息用於分析、優化應用性能。<br/>　　你可閲讀<a href="https://xxx.xxx.com/userPolicy.html">《服務協議》</a>和<a href="https://xxxx.xxxx.com/privacyPolicy.html">《隱私政策》</a>瞭解詳細信息。如果你同意，請點擊下面按鈕開始接受我們的服務。",
    "buttonAccept" : "同意並接受",
    "buttonRefuse" : "暫不同意",
    "hrefLoader" : "system|default",
    "backToExit" : "false",
    "second" : {
        "title" : "確認提示",
        "message" : "　　進入應用前，你需先同意<a href="https://xxx.xxxx.com/userPolicy.html">《服務協議》</a>和<a href="https://xxx.xxxx.com/userPolicy.html">《隱私政策》</a>，否則將退出應用。",
        "buttonAccept" : "同意並繼續",
        "buttonRefuse" : "退出應用"
    },
    "disagreeMode" : {
        "loadNativePlugins" : false,
        "showAlways" : false
    },
    "styles" : {
        "backgroundColor" : "#fff",
        "borderRadius" : "5px",
        "title" : {
            "color" : "#fff"
        },
        "buttonAccept" : {
            "color" : "#22B07D"
        },
        "buttonRefuse" : {
            "color" : "#22B07D"
        },
        "buttonVisitor" : {
            "color" : "#22B07D"
        }
    }
}

我的隱私協議頁面是通過vite打包生成的多入口頁面進行訪問，因為只能填一個地址所以直接使用生產環境的例如：https://xxx.xxxx.com/userPolicy.html