整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          HbuilderX打包成apk安卓安裝包并裝到手機上

          HbuilderX打包成apk安卓安裝包并裝到手機上

          次源妹兒將給大家分享一下如何使用HbuilderX將項目打包成.apk文件,并安裝到手機上,做一個真正屬于自己的app。具體步驟如下

          1. 項目代碼打包

          將開發好的項目前端代碼,打包成html、css、js等靜態資源,打包后會自動生成/dist文件夾。不管用什么環境開發的項目,都可以生成這些靜態資源。

          打包命令:yarnbuild



          2. 下載HbuilderX

          本次分享需要用到非常重要的工具HbuilderX,這是dcloud.io出口的一款非常有用的前端開發工具,內置發布成為app的功能。

          官方下載地址:https://www.dcloud.io/hbuilderx.html



          3. 安裝HbuilderX

          HbuilderX是一個綠色軟件,下載過來后是一個壓縮包,解壓后將目錄復制到你想要放置的目錄中即可安裝(綠色版,不需要安裝,復制到想要放的位置即可)。



          4. 注冊賬號并登陸

          要實現云打包必須要在官網登錄(沒有帳號可以隨時注冊一個)

          同時還需要在HbuilderX軟件上登錄,兩邊都要登錄并保持用戶名一致


          5. 開始打包


          01 創建項目

          在Hbuilder軟件上創建項目,類型:5+App

          必須要寫項目名稱和項目路徑,項目名稱最好寫英文,項目路徑最好不要有中文




          02將項目靜態文件復制到HbuildX剛創建的項目中

          將之前打包好的dist目錄靜態資源,復制到剛剛創建的5+App項目目錄中去,用于打包成app的源文件。



          03 配置打包選項【重點】

          點擊項目根目錄下的manifest.json文件對打包進行,主要配置項有:

          基礎配置:應用標識、應用名稱、入口頁面



          圖標配置:上傳正方形的.png圖片作為app的圖標,注意格式必須是.png



          模塊配置:有可能會報“通訊錄”權限問題,建議關閉通訊錄權限



          04 發行打包成App

          找到“發行”菜單 -> “原生App-云打包” -> 使用公共測試證書 -> 打包 ->繼續打包,然后等待5分鐘左右,即可打包完成



          05 下載apk文件到手機安裝



          打包完成后即可在項目目錄中找到.apk安裝包,如果目錄中沒有也可以通過下載地址下載到本地。



          可以通過微信、USB數據線等方式將這個文件傳到手機上,就能安裝和使用了。

          builder是我們開發的一個打包網站的平臺,可以非常方便的把一個手機網站做成APP,也可以直接打包h5代碼,免費使用!

          下面介紹如何使用lbuilder打包一個網站,并安裝到手機測試。

          分七步進行

          1、注冊lbuilder平臺賬號

          2、創建APP、配置基本信息

          3、配置擴展插件

          4、配置打包項目

          5、配置安卓證書

          6、配置ios證書

          7、編譯APP

          一、注冊lbuilder平臺賬號

          1、打開lbuilder官網http://www.lbuilder.com,點擊右上角注冊一個賬號。

          二、創建一個app

          1、登錄lbuilder平臺點擊制作APP,進入APP管理后臺,點擊左側新建應用。

          2、填寫APP基本信息

          設置好保存下一步

          3、設置應用圖標和啟動圖。

          設置好保存下一步

          三、設置插件

          根據app需求,選擇插件配置。

          四、選擇打包項目

          可選擇打包網址,或者直接打包代碼。

          lbuilder可以直接打包H5代碼,如果沒有搭建域名,只有代碼也可以很方便的打包成APP。

          1、選擇代碼打包,下載代碼模板,解壓有兩個文件夾。

          2、復制代碼到代碼模板

          點擊www文件夾,刪除代碼模板里面的兩個文件,復制你的代碼到這個文件夾。

          3、重新壓縮為zip包,上傳打包

          五、配置安卓證書

          可以申請自定義證書配置,也可以使用系統自帶證書打包。

          六、設置ios證書

          可自己申請證書打包也可以使用系統證書打包

          ios證書申請比較復雜,需要蘋果開發者賬號才能申請。如有越獄手機,可以直接使用系統ios證書打包越獄版安裝測試。

          ios證書申請比較復雜,耐心看下。

          申請ios證書需要一個蘋果開發者賬號

          ios證書分開發證書和發布證書,這里首先申請個開發證書,先打包安裝到自己手機測試。

          iOS開發證書申請教程(真機調試測試)

          iOS發布證書申請教程(上架App Store)

          申請好證書會得到兩個證書文件.p12和..mobileprovision,這是一套證書。

          選擇.p12和.mobileprovision文件上傳,輸入之前創建ios證書設置的密碼,保存!

          七、打包編譯APP

          可選打包安卓或者ios

          如此就完成了網址或者代碼打包成app

          、前言

          移動web時代,手機的興起使得大部分在手機上的應用開發變得如火如荼,然而傳統的app開發需要掌握的知識點繁多,開發周期特別漫長,為了解決這個問題,webapp應運而生,它使得app開發的難度大幅度降低,只要你懂前端就可以開發app;然而由于技術的更迭,不光出現了app,還有小程序以及一些網站,于是,很多人瞄準了多端應用市場,所謂多端指的是一套代碼多個平臺運行,比如我在DCloud上寫了一個應用,我可以把它打包為小程序、網站和App,這樣就減少了我們開發的難度和時間,目前最火的要屬DCloud和APICloud了,由于uniapp是基于DCloud,所以咱們今天所講的內容全部基于DCloud平臺,好了,下面讓我們一起進入到今天的課題中吧。


          二、安裝開發工具Hbuilderx

          這個就是我們今天的主人翁,往后我們會一直用這個工具開發app甚至小程序和網站,下載地址:https://www.dcloud.io/hbuilderx.html,下載好后直接安裝即可,安裝好后界面是這樣的,如圖:

          安裝完畢之后需要我們再去申請注冊一個DCloud的賬號用于登錄,這個很簡單,就不說了。


          三、創建第一個uniapp應用

          首先我們新建一個目錄,如圖:

          然后選擇uniapp,如圖:

          此時我們先填寫項目名稱,然后選擇項目的目錄,最后我們可以選擇一個合適的模板,或者是空模板,這里我們我們為了上手方便選擇hello uni-app這個模板,選擇的這個模板里面的內容是uni-app中的所有組件的使用方法,如圖:

          當我們點擊創建后就會自動生成一個目錄了,如圖:

          通過目錄里面的文件夾名我們可以了解到,應用的界面其實是放在pages文件夾里的,所以我們隨便點擊一個pages里的文件,然后將其運行在內置瀏覽器中,如圖:


          四、打包app

          當我們做完這一切之后就可以發布這個app,在發布之前我們還可以對這個App的其它設置進行一些調整,如圖:

          調整好之后,我們就可以來打包了,如圖:

          這里有三個選項,云打包、本地打包和制作應用wgt包,這三個選項是什么意思了,首先,云打包可以不用在電腦上安裝任何sdk就能制作一個app,而本地打包就麻煩點,需要我們下載Android studio然后還有一些sdk才能打包好,過程比較繁瑣;至于wgt包,制作好了之后可以進行同步更新并且不用用戶再度下載,非常的方便。因此這里我們選擇云打包,如圖:


          可以看到有些平臺的apk打包成功了,不過有些失敗的,不去糾結那么多,我們直接把這些apk安裝到手機上即可使用。


          五、總結

          本文主要和大家講的就是關于uniapp的制作和打包,可以看到,uniapp讓我們輕松做到了從零基礎到開發app。更多精彩好文敬請關注公眾號簡易編程網。


          主站蜘蛛池模板: 亚洲AV无码一区二区三区DV| 日本一区二区免费看| 亚洲AV无码一区二区三区系列| 精品欧美一区二区在线观看| 中文字幕乱码一区二区免费| 一区二区三区电影在线观看| www一区二区www免费| 国产成人无码aa精品一区| 亚洲高清一区二区三区| 91无码人妻精品一区二区三区L| 中文字幕乱码一区二区免费| 精品国产一区二区22| 一区二区三区www| 精品国产亚洲一区二区三区在线观看 | 中文字幕乱码一区久久麻豆樱花| 中文字幕aⅴ人妻一区二区| 国产一区在线视频观看| 丝袜美腿高跟呻吟高潮一区| 波多野结衣在线观看一区| 日本一区二区三区在线视频| 又紧又大又爽精品一区二区| 国产一区在线视频观看| 无码8090精品久久一区| 久久久久人妻一区精品果冻| 国产美女av在线一区| 插我一区二区在线观看| 中文字幕在线观看一区二区 | 国产av熟女一区二区三区| 久久99国产精品一区二区| 久久精品国产一区二区三区肥胖| 久久精品视频一区| 中文字幕乱码人妻一区二区三区| 黑巨人与欧美精品一区| 国产一区二区三区在线观看免费 | 在线精品视频一区二区| 国产午夜精品一区二区三区极品 | 香蕉免费看一区二区三区| 果冻传媒董小宛一区二区| 久久精品午夜一区二区福利| 国产精品自拍一区| 日韩精品无码久久一区二区三|