vue項目打包成移動端app

云打包軟件選擇和證書選擇

選擇HBuilder或者HBuilder X
提示:最好用HBuilder X
原因為:需要選擇證書,有 公用證書,自持證書 ,HBuilderX里面多了一個 公共測試證書,而我們用到的就是這一個。
因為:公用證書(在HBuilderX中為Dcloud老版證書)需要實名認證,需要手持身份證拍照喲!
而 自持證書需要有java 配置的JRE,自己生成證書
所以這測試證書就比較方便!

開始使用,步驟如下

  1. 注冊并登陸HBuilder X 或 HBuilder,并且在Dcloud中驗證郵箱?。?!
    驗證郵箱的地址:https://dev.dcloud.net.cn,進入后登陸就有提示你驗證郵箱的地方!

  2. 新建項目 ,HBuilderX中為5+App,HBuilder為移動App,新建出來里面的內(nèi)容先不用管!

    新建App項目

    這是新建后的文件夾

  3. 找到并復(fù)制你Vue項目打包好的dist文件夾里面的所有內(nèi)容。(是復(fù)制里面的文件不是dist文件夾哦!)

  4. 粘貼到剛剛創(chuàng)建好的項目里面,并且替換。(有時候里面會有些空的css,js,img文件夾,因為你用vuecli2.x打包里面是static和index.html,css什么的在static里面)這時把空的這三個給刪除掉就行。如果是vuecli3.x的話里面不會有這問題的!


    替換后的文件,這是用vuecli3打包后的dist里面的
  5. 弄好上面的步驟后,這時你需要簡單的配置下manifest.json了,


    json的基礎(chǔ)配置,注意放大看字哦!
  6. 配置完成后,點擊任務(wù)欄里面的 云打包


    云打包.png
  7. 將會進入云打包的設(shè)置頁面,由于沒有蘋果手機,就采用的安卓版本的apk,注意 ios的證書和安卓的可不同?。?!

    云打包配置說明

  8. 這時點擊打包,會有一個進度條,等他顯示XX 已成功提交到云端服務(wù)器就ok了,有時候會提示你插件版本不一樣,繼續(xù)或者升級都行!

  9. 當然此時會出現(xiàn)一個控制臺,會有這些提示:
    [HBuilder] 23:05:47.725 打包成功后會自動返回下載鏈接。
    [HBuilder] 23:05:47.725 打包過程查詢請點菜單發(fā)行-查看云打包狀態(tài)。
    。。。
    等一會就會有一個下載鏈接,顯示有五次下載的機會。這個就是你云打包好的軟件啦。
    此時就能去手機上實驗了!

------------------------------------------ 已完成 END ------------------------------------------------
如果有幫助,求點贊?。?!
如果轉(zhuǎn)載,請標注源地址哦?。。?/p>

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容