如何將打包好的文件做成一個APP

本文主要是用來簡短的對做成一個APP進行說明,內容可能不是多詳細,但會給出具體思路。(僅供參考)

因爲各種打包和生成APP的方式多樣,今天這裏僅僅對用Hbuilder打包進行說明。

1.首先當然需要一個Hbuilder(前端開發工具)。

2.如果安裝好了,自己寫的項目也已經打包好了....,可以直接在本地打開打包好的文件試試,如直接按開index.html.(多的不闡述,反正就是萬事俱備),那麼就可以打開Hbuilder進行APP的製作了。

  a.創建一個App移動端模板,項目名稱啥的按順序填,在選擇模板時最好選用一個空模板。

  b.創建完成後,將裏面的空的js、css、img、index.html文件夾或文件刪除,將自己的打包好的dist裏面的文件拿過來。(注意其他的不要刪,特別是unpackage文件夾和manifest.json,這兩個是打包的配置文件和存放內容的地方)。

  c.上述完成後就可以雙擊manifest.json文件了,這時會彈出一個配置文件。在最底部進行應用信息、圖標配置、啓動頁配置、SDK配置、模塊權限配置、頁面引用關係的相關配置(具體配置注意點可以往下看),最後會有一個代碼視圖,在這個裏面你可以看到你所有的配置的內容。檢查配置無誤後,在最上方點擊發行------>發行爲原生安裝包,就會進行打包的操作,當一步步點下去後,最後會有‘’手動下載‘’,這個是打包好的,可以下載到手機上進行調試。

3.對於應用信息、圖標配置、啓動頁配置、SDK配置、模塊權限配置、頁面引用關係這個的配置中有兩點需要說的。

  a.應用信息這塊的“頁面入口”就是選擇一個入口文件,打包好的文件,就可以直接用index.html了,但是還有一種情況是用線上的地址(因爲項目是放在線上的,小編現在用的就是線上的),但是這個不會有什麼太大的影響,照着步驟繼續走,依然能打包出來一個APP。

  b.啓動頁配置會有設置啓動頁的圖片選擇,這個可以在unpackage--->res下建一個splash文件夾,將各種不同尺寸的啓動頁都放在這裏(主要是便於查找,當然你也可以看到“圖標配置”產生的icon文件夾,裏面有自動生成的圖標)

  c.SDK配置是一個APP的核心,打開時,你會看到各種需求配置如地圖啊,支付啊,第三方登錄啊,分享啊什麼的,你就根據你產品的需求點√就對了,當然至於配置appid什麼的也是需要生成的,具體的appid如何產生的就不說了(這個可以交給後臺或者產品,前段無需擔心,因爲我們本就是寫寫頁面的嗎,哪來那麼多事,可憐小編我還是自己摸索添加的-.-!),

博客申請了好久,很懶一直沒寫什麼,鑑於各個功能沒摸熟練,只能用點文字碼了。

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章