1. 程式人生 > >Ionic2+angularjs2熱更新APP步驟

Ionic2+angularjs2熱更新APP步驟

一般webAPP包含H5頁面和Native的外殼兩部分部分。對應的升級方式有兩種。

 1. 直接線上更新H5頁面。

 2. 只能重新打包apk或者ipa重新安裝。

1.建立專案(跳過npm安裝)

ionic start myapp --v2 --skip-npm


2.進入專案(示例專案地址F:\angular\myapp)


3.使用cnpm安裝依賴


4. 在專案的根目錄新建或者修改cordova-hcp.json檔案,再或者使用命令: cordova-hcpinit建立


建立結果如下:


Name標識專案名稱

Update有如下幾個固定引數 start(app啟動時安裝更新,預設值

) now(app從後臺切換過來的時候安裝更新) resume(web內容下載完畢即安裝更新) min_native_interface:最低版本號

 content_url:專案在伺服器上面的地址

5.安裝外掛

安裝“cordova-hot-code-push-cli


安裝“cordova-hot-code-push-plugin


安裝“cordova-hot-code-push-local-dev-addon


安裝“cordova-plugin-file-transfer


6.修改目錄下的config.xml.


7.執行cordova-hcp build


8.

執行ionic platfrom add android新增android


9. 執行ionic build android


10.檢視android/res/xml/config.xml檔案是不是被新增以下標籤



可以測試一下,在瀏覽器中開啟http://伺服器地址/dev/chcp.json,看看json是否正確。

11我們現在更新一下伺服器程式碼,就可以看到不一樣的效果了。

更改頁面資訊。

然後執行ionic serve,通過瀏覽器也能看到我們修改了home頁面的欄位。

刪除掉/www檔案下的chcp.jsonchip.manifest這兩個檔案。

執行cordova-hcp build

,通過模版檔案再生成chcp.jsonchip.manifest這兩個檔案。

將本地伺服器下的myapp裡面的www資料夾放入指定伺服器下。注意:因為我們的伺服器是本地伺服器,這就要求我們的電腦wifi和手機連的是同一個網路。

檢視效果。

相關推薦

Ionic2+angularjs2更新APP步驟

一般webAPP包含H5頁面和Native的外殼兩部分部分。對應的升級方式有兩種。  1. 直接線上更新H5頁面。  2. 只能重新打包apk或者ipa重新安裝。 1.建立專案(跳過npm安裝) ionic start myapp --v2 --skip-npm 2.

蘋果下架4萬App就只是因為“更新

方式 音樂 新功能 遠程服務 ring 打開 java、 蘋果公司 其他 前去除軟件熱更新功能,不然有可能下架後,昨日(6 月 22 日),有媒體報道,一周內蘋果 App Store 下架了近 4萬款中國 App 。一種流行觀點認為,蘋果不是說著玩,而是真對熱更新動刀子了。

APP更新

1、WEEX:http://www.weex.help/ 其於VUE開發,類似於微信小程式 前端開發-Weex初試  http://www.cnblogs.com/TomSnail/p/6072587.html 2、RN:http://r

XLua學習 更新步驟整理

前言 使用Xlua可以用lua語言覆蓋CS指令碼的內容。  這裡貼出官方的熱更新教程~ https://github.com/Tencent/xLua/blob/master/Assets/XLua/Doc/hotfix.md 然後以下是本文大致的實現步驟:  1. 這裡使

Android App更新中的外掛化(ClassLoader、DexLoader)(1)

PathClassLoader在熱更新的作用? Android ClassLoader流程解讀並簡單方式實現熱更新- https://www.jianshu.com/p/2f4939320eb1 > Android 動態升級  1.Android 外掛化 —— 指將

Cordova更新App升級 - 簡書

原文: Cordova熱更新和App升級 - 簡書 公司的cordova專案前段時間增加了熱更新功能,自己第一次做的時候在網上查找了很多資料,有的資料寫的並不全面遇到了很多坑。因此總結一些在開發過程中遇到了問題和解決辦法。 cordova專案熱更新分為兩個部分,網頁內容(web

iOS app被拒------更新

6 月 1 日,部分開發者在 itunesconnect 後臺收到了一則通知:蘋果要求當前含有熱更新功能的 App,在 6 月 12 日前移除相關程式碼,否則這些 App 可能會下架,郵件內容如下:

ionic實現App動態更新更新

本來自己要寫一篇熱更新的文章,發現有其他好文章,就推薦給大家: 補充一: 在第6步之後,生成的.chcpenv檔案裡的 { "content_url": "http://xxxxx.com",       //用於獲取檔案 "config_url

App更新原理

ClassLoader 我們知道Java在執行時載入對應的類是通過ClassLoader來實現的,ClassLoader本身是一個抽象來,Android中使用PathClassLoader類作為Android的預設的類載入器, PathClassLoader其實實現的就

Android APP更新中的外掛化(Hook技術:反射或動態代理),Demo (2)

Dexposed、AndFix,(HotFix)Sophix,Qzone超級補丁的類Nuwa方式,微信的Tinker, 大眾點評的nuwa、百度金融的rocooFix, 餓了麼的amigo以及美團的robust、騰訊的Bugly熱更新。 -- 熱更新  DexPathLis

ionic2更新

在app目錄下:1.安裝cordova-hcp cli 輸入命令 npm install -g cordova-hot-code-push-cli2.新增熱更新外掛  ionic cordova plugin add cordova-hot-code-push-plugin

ionic2更新外掛cordova-hot-code-push-plugin更新下載檔案

以iOS為例 說下需求:在主專案中根據需要下載子專案(或檔案),並子專案能利用主專案中的cordova-hot-code-push-plugin的跟隨主專案更新。一個是包含全部子專案的頁面,一個是選擇下載子專案後的頁面,都是iOS原生。 一、必要條件       先把要下

APP更新方案

不同的是,Xposed通過劫持 zygote(須root),而dexposed通過劫持 java method ( 而非樓上說的劫持class loader方法),將java method改變為native,並且將這個方法的實現連結到一個通用的Native Dispatch方法上.)用處,最大的自然是hotp

webpack-dev-middleware 和 webpack-hot-middleware 實現express全棧更新

express 自動刷新 你在 fig evm inf targe target ddl 場景: node server.js 啟動後端服務器。 npm run dev 啟動前端服務器。 當你需要node的express框架和webpack結合的時候,就會用到題上的

Unity更新技術整理

nil 支持 -s 運行 ram 創建 color 腳本語言 更改 一、熱更新學習介紹 1、什麽是熱更新 舉例來說: 遊戲上線後,玩家下載第一個版本(70M左右或者更大),在運營的過程中,如果需要更換UI顯示,或者修改遊戲的邏輯,這個時候,如果不使用熱更新,就需要重新打

webstrom的更新沒效果

data img alt http fmt use bsp 分享 rom webstorm保存的時候會先保存到臨時文件中,其實並沒有真正保存,要在setting->stystem settings下的“use save write”去掉 webstrom的熱更

Unity編程筆錄--ulua+PureMVC框架簡單更新使用

ons data- 全部 lds center lin 腳本 mar 視圖 ulua+PureMVC框架簡單熱更新使用 前言: 1:作者官網論壇 首先介紹的是這個框架是一位大牛 駿擎【CP】 jarjin 寫的,據說原本是“非常多人不知道怎

ionic 更新 cordova-hot-code-push

ima auto width 自動 平臺 不同 2.3 轉載 加載 cordova-hot-code-push ,Cordova熱代碼推送插件提供了在應用程序中執行基於Web的內容的自動更新的功能。使用此插件可以更新存儲在項目的www文件夾中的所有內容。 cordova-h

webpack更新問題和antd design字體圖標庫擴展

成功 其他 一加 是你 sign 你在 一個 兩個 pri 附一張上周末參加jsconf的照片。。。。。 標題也不知道怎麽寫好,真是尷尬。不過話說回來,距離上一次寫文快兩個月了,最近有點忙,一直在開發新項目, 今天剛剛閑下來,項目準備提測。借這個功夫寫點東西,把新項目上學到

使用IntelliJ IDEA過程中webpack無法更新

更換 福音 avi 更新 方式 pear ear pack onf 最近發現一個問題,就是在使用IntelliJ 的過程中發現webpack的熱更新失效,也在網上找過很多的修改webpack.config.js配置文件的方法,但是都沒有生效,看著同事們一個一個在愉(tong