關于“wap2app僅支持對已通過ICP備案的域名站點進行打包”問題解決

如果我們是通過Vue技術寫的移動端，開發完成后我們的項目需要放到服務器上，然后我們在將服務器上面的項目打包apk格式

wap2app將網頁打包成apk步驟

• 使用HbuilderX創建一下wap2app項目
  

  1. 我們選擇創建 wap2app 的項目
  2. 起一個項目名稱
  3. 是我們要打包的地址，就是我們（服務器上）項目的入口頁面
  4. wap2app項目的存放路徑
  5. 點擊創建 項目結構如下
     

• 配置 manifest.json 文件

  

  1. AppID如果沒有或者生成的時候的格式不正確我們要根據他的規則進行配置
  2. 應用名稱默認使我們創建的wap2app的名稱可以修改
  3. 入口頁面 默認是我們創建時候填入的地址（login頁）
  4. 圖標配置中去配置我們app的圖標即可

• 打包wap2app項目
  
  
  包名我們隨意起只要符合他的驗證要求即可 點擊打包 （問題來嘍）

• 打包問題
  
  提示 wap2app僅支持對已通過ICP備案的域名站點進行打包，之前是沒有這個問題的可能是最近加的規范

  • 解決辦法：
  1. 我們可以去申請域名，然后重新打包
  2. 使用H5+app進行打包（我們下面展示這種方式）

使用H5+app 打包

• 首先我們用HbuilderX創建一個H5+app項目
  
  

• 我們再將Vue移動端的項目本地打包成dist文件夾

• 將static文件夾復制到我們上面創建的H5+app中 將H5+app中的index.html替換成dist中的index.html

• 配置manifest.json文件（同上 注意我們的入口頁面是index）
  
• 進行打包
  
  
  

打包成功他會給我們返回我們的包在的位置，就是我們創建的App2項目中的一個文件夾下面，上面兩種方式都是可以的，不過第一種現在是加上了只能打通過icp認證的域名地址，其實各有利弊吧，第一種wap2app打出來的可以理解為一個空殼，僅僅是我們打開軟件的那一刻他就是訪問了部署到服務器上面的資源，第二種是講所有的資源全部都在手機上，大家可以根據實際情況進行選擇

注意：如果通過H5+app進行打包的話 我們在生成dist文件之前我們是需要在項目中改變一些內容的，否則打出來的apk打開后請求不到接口，關于如何配置我們下篇博客中介紹