uni-app打包編譯成安卓及ios包並上傳發布測試版

2020-10-04 墨菲笑一笑

個人公眾號:微信搜索:前端速成記

uni-app是vue黨開發一套代碼編譯(8個)各種平臺的解決方案

官網:(https://uniapp.dcloud.io/)

開發特點:

1.是一套ui(及簡單)及api基本滿足開發.

2.涉及第三方的比如微信特有的api(授權/分享/支付等)有微信公眾號開發/微信小程序開發 無法統一到一起 單獨各寫各的,

第三方的聊天系統(騰訊/環信等)在web端/小程序端/app端調用方式不同也需要單獨開發(除非有一個第四方的人集成編譯一下)

沒法,第三方嘛,各家平臺有各家對各端的寫法

3.編譯各個平臺時,肯定有些api需要做兼容,沒有100%的正確轉化.


問1:如何打app包

一.安卓打包(超簡單)

發行-雲打包-如下隨便選-打包 注意控制臺的打包進程 完了直接下載apk包



一.ios打包(證書一堆頭疼啊)

先看參數:從上至下共有4個必填參數

說明:配置參數前要確保:

1.一個蘋果手機(要不然打測試包給誰下?)

2.一臺mac(下面一堆證書的來源)

3.在蘋果開發者上註冊並配置帳號(https://developer.apple.com)

等等:如果你一切都是從頭開始的你可以開uni-app官方文檔,不過太爛,不建議看。我推薦:(https://zhuanlan.zhihu.com/p/66575901)

但是切記(很多人配置失敗就是下面這幾個該死的原因):

  1. 如果你們公司之前有老帳號,或者你之前搞過 而忘了那就繼續看下去吧。

2*****.想下載ios測試包是需要在開發者-設備-裡面添加該設備的(使用手機uuid 下面會講到)而添加設備後是需要重新下載私鑰證書的

3*******.類型一定要對上。文件和證書開發環境對開發開發環境,生產環境對生產環境。

4.文件/證書不能過期.


下一個

A:獲取bundle ID(一般不變,在蘋果開發者網頁上查找)

B:獲取證書私鑰密碼和私鑰證書(mac生成私鑰證書需要填一個密碼就是書私鑰密碼 在mac上=》鑰匙串訪問查詢 注意環境***)下載完就是一個.p12 文件

C:獲取profile文件(就是描述文件,這個新添加設備後需要重新下載,在蘋果開發者網頁上查找 注意環境要和私鑰證書對的上 我這裡都是開發環境)


D:添加下載app的設備 及如何獲取設備idudid(添加設備是在蘋果開發者 獲取設備是通過蒲公英:對 去註冊一個帳號吧免費發布app)

設備列表:


添加新設備(獲取手機的udid可以通過這個連接(https://www.pgyer.com/udid))

重新下載描述文件

最後打包哈哈:


謝謝大家的掌聲 回見。

相關焦點

  • 一套前端代碼編譯到iOS、安卓、H5、小程序多個平臺
    要做一個應用,需要找一個安卓,一個ios,一個H5,再加上各個小程序。這樣開發人工費用一下子就上來了。通才畢竟少,而且也忙不過來。如果能有一個前端框架,開發一次到處運行是不是會很爽?今天推薦一個。uni-app 是一個使用 Vue.js 開發跨平臺應用的前端框架,開發者編寫一套代碼,可編譯到iOS、Android、H5、小程序等多個平臺。
  • 分利寶IOS自動化打包
    前言在iOS開發中,我們常用的打包上傳方式就是用Xcode的archive方式打包。到了測試階段,需要頻繁的打包提交到測試平臺,整個流程包括:編譯-打包-上傳,整個過程需要我們去堅守每一步操作,提交app store同樣免不了一系列複雜動手操作過程。對此,我們研究了iOS自動化打包,通過使用shell腳本,輸入命令,一鍵打包上傳,提高工作效率。
  • Android uni-app 封裝原生插件
    前言據廣大用戶的需求,需要把我們anyRTC的SDK,封裝到uni-app來使用,並且實現音視頻通話。這邊文章圖文講解一下怎麼封裝原生插件,並且在下一章uni-app實現音視頻通話。1.uni-app是什麼?
  • uni-app 1.4 發布,一套代碼,發行多個平臺
    支持更多小程序平臺uni-app 1.4 版本新增支持百度、支付寶小程序,從此一次開發,可發布小程序(微信/支付寶/百度)、H5、App(iOS/Android)6大平臺!項目,會提示選擇項目模板$ vue create -p dcloudio/uni-preset-vue my-project# 進入項目目錄$ cd my-projectTips:如果之前已使用過老版本的uni-app cli插件,則通過npm將uni-app升級到最新版,即可獲得將原有uni-app項目轉換到各家小程序的能力支持支付寶小程序使用如下命令進行支付寶小程序的編譯預覽及發行打包
  • uni-app學習筆記(二)——uni-app詳解
    uni-app (一套代碼,多端發行)如果你會使用Vue那咱們繼續吧!什麼是uni-app?uni-app 是一個使用 Vue.js 開發所有前端應用的框架,開發者編寫一套代碼,可發布到iOS、Android、H5、以及各種小程序(微信/支付寶/百度/頭條/QQ/釘釘)等多個平臺。
  • 打包上傳iOS App到App Store Connect
    上傳有三種方式通過Xcode壓縮上傳,大家應該都會通過altool上傳(本文重點)通過 Transporter App上傳,直接下載就可以使用了第1種為編譯發布,適用於有原始碼的方式。第2、3種方式可以上傳二進位壓縮文件,適用於沒有源碼的發布方式。
  • uni-app學習筆記(一)-- uni-app簡介
    簡單的說:你寫出一套代碼,然後可以根據需要打包出 web應用、安卓app、IOSapp、微信小程序、支付寶小程序、頭條小程序、百度小程序......趕緊去官網看一下介紹,感受一下它牛逼的氣息。uni-app 在發布到H5
  • uni-app 2.2 發布,大幅度優化 H5 端性能體驗|技術頭條
    作者 | uni-app團隊責編 | 伍杏玲uni-app 自發布以來,已經服務了幾十萬開發者。但讓我們意外,有大量開發者用uni-app只編寫H5版,並沒有多端發布。這其實也符合uni-app的初衷,uni-app的定位並不是需要多端發布時才用uni-app。uni-app是一個使用vue.js開發所有前端應用的統一框架。
  • uni-app 2.2 發布,大幅優化 H5 端性能體驗
    讓我們意外,或者說驚喜的是,有大量開發者用uni-app只編寫H5版,並沒有多端發布(可參考案例)。這其實也符合uni-app的初衷,uni-app的定位並不是需要多端發布時才用uni-app。uni-app是一個使用vue.js開發所有前端應用的統一框架。對於一個前端工程師來說,使用uni-app做多端效率更高,做單一端也沒問題,並在各端有不少出彩的地方。
  • 如何使用HBuilderX創建uni-app並編譯成支付寶小程序
    1、打開HBuilderX工具,新建項目,勾選uni-app,輸入項目名稱和選擇模板,然後點擊創建新建uni-app項目,選擇模板2、打開uni-app項目,查看項目結構;新建頁面支付寶小程序開發工具,點擊擴展7、查找到uni-app 跨平臺開發擴展插件,然後點擊安裝
  • app數據打包_安裝好的app帶數據打包apk - CSDN
    含有sqlite資料庫的app打包並發布到AppStore有些ios上的app含有含有本地持久化存儲的文件,比如sqlite資料庫文件。
  • uni-app小程序開發指南
    安裝完畢需要修改運行配置中正確的微信開發者工具安裝路徑推薦插件:NPM,內置終端,uni-app編譯,eslint-js,js壓縮,css壓縮,less編譯,scss/sass編譯3.開發前的準備3.1 小程序帳號註冊到微信公眾平臺註冊小程序帳號。3.1 開發環境搭建Node.js:下載並安裝Node.js及npm。
  • 如何解決uni-app項目編譯小程序報錯問題
    工具HBuilderX微信開發者工具技術Vueuni-appJavaScriptwxml在使用HBuilderX創建uni-app項目過程中,編譯成微信小程序,結果在微信開發者工具中一直報錯:Cannot read property 'forceUpdate' of undefined,查找資料和相關說明
  • uni-app 1.2發布,iOS、Android、小程序、H5全覆蓋
    uni-app遵循Vue.js語法規範,一套代碼,多端發行,切實解決了眾多開發者的痛點;故自 8 月份發布以來,已有上萬名開發人員擁抱uni-app,目前已累計創建了數萬個應用,活躍的開發者們每天在QQ群中產生數萬條交流記錄。奔跑的腳步不會停止,歷時一個多月的打磨,uni-app 1. 2 版本正式發布,支持發行到H5 平臺。
  • 多端開發框架uni-app 1.2發布
    uni-app遵循Vue.js語法規範,一套代碼,多端發行,切實解決了眾多開發者的痛點;故自8月份發布以來,已有上萬名開發人員擁抱uni-app,目前已累計創建了數萬個應用,活躍的開發者們每天在QQ群中產生數萬條交流記錄。  奔跑的腳步不會停止,歷時一個多月的打磨,uni-app 1.2版本正式發布,支持發行到H5平臺。
  • uni-app開發注意事項總結
    一、HBuilderX - uni-app發布1、uni-app發布為H51、在 manifest.json2、uni-app發布為小程序1、申請微信小程序AppID2、在HBuilderX3、在微信小程序開發者工具中,導入生成的微信小程序項目,測試項目代碼運行正常後,點擊「上傳」按鈕,之後按照 「提交審核」 => 「發布」 小程序標準流程,逐步操作即可。
  • 如何使用uni-app中的日曆組件並獲取日期
    工具HBuilderX微信開發者工具技術Vueuni-appJavaScriptwxmlCSS3微信小程序1、打開HBuilderX開發工具,創建uni-app項目;然後新建uni-app頁面,添加uni-calendar組件,設置日曆相關的屬性添加uni-calendar組件,設置相關屬性
  • 力軟新版APP:聊一聊Uni-App框架,跨平臺多端解決方案
    相信大家在平時開發過程中都會遇到這兩類問題:1、很多中小型企業要快速開發一個產品,這個產品至少需要覆蓋平臺範圍為:ios、Android、web/H5、微信/支付寶小程序,那麼需要的投入的人力成本、時間成本、維護成本會很高,然而每個老闆的想法都是「又想馬兒跑,又想馬兒不吃草」
  • 如何在uni-app項目中實現圖片上傳和預覽
    微信開發者工具HBuilderX技術vue微信小程序uni-appJavaScript在uni-app項目中,可以直接調用對應的API實現不同的功能,如上傳圖片、獲取圖片信息和預覽圖片。下面利用具體實例說明:1、打開HBuilderX開發工具,創建uni-app項目,新建頁面並插入按鈕,綁定點擊事件插入按鈕
  • 如何在uni-app項目創建雲函數資料庫插入記錄
    >工具HBuilderX微信開發者工具雲服務管理後臺技術vueuni-app資料庫在uni-app雲開發項目中,創建一個雲函數,然後調用雲函數,新建資料庫(雲服務)。下面利用實例說明:操作如下:1、創建一個uni-app雲開發項目,新建uni-app頁面,輸入名稱並勾選在pages.json中註冊