code-push 热更新文档for ionic(搭建自己的服务器,避免翻墙问题)

一、服务器搭建(由于国内连国外微软的服务器需要翻墙,所以自己搭建服务器)

项目地址

https://github.com/lisong/code-push-server

1.下载项目并运行

$ npm i

2.安装mysql,安装时尽量不要更改数据库端口,启动命令如下

$ net start mysqlhjj #注意更改为你安装时设置的名字，我的是mysqlhjj
$ mysql -u root -p

3.在项目 ./config/config.js修改你设置的数据库密码，默认为123456；若端口有也对应修改

  db: {
    username: process.env.RDS_USERNAME || "root",
    password: process.env.RDS_PASSWORD || "123456",#这里填入你的密码！！！！
    database: process.env.DATA_BASE || "codepush",
    host: process.env.RDS_HOST || "127.0.0.1",
    port: process.env.RDS_PORT || 3306,#这里填入你的端口！！！！
    dialect: "mysql",
    logging: false
    },

4.若发布出去，请修改./config/config.js，下面的downloadUrl,把10.86.21.181:3000改为发布的网址，还有记得自行创建保存的文件夹（与local,common里的设定一致）！

local: {
    // Binary files storage dir, Do not use tmpdir and it's public download dir.
    storageDir: process.env.STORAGE_DIR || "./Users/tablee/workspaces/storage",*请自行在根目录创建文件夹，这是上传位置
    // Binary files download host address which Code Push Server listen to. the files storage in storageDir.
    downloadUrl: "http://10.86.21.181:3000/download",*这里！！！
    // public static download spacename.
    public: '/download'
  },
...
common: {
    tryLoginTimes: 0,
    diffNums: 3,
    // data dir for caclulate diff files. it's optimization.
    dataDir: process.env.DATA_DIR || "./Users/tablee/workspaces/data",*请自行在根目录创建文件夹
    // storageType which is your binary package files store. options value is ("local" | "qiniu" | "s3")
    storageType: process.env.STORAGE_TYPE || "local",
    // options value is (true | false), when it's true, it will cache updateCheck results in redis.
    updateCheckCache: false
  },

5.在项目内运行

$ ./bin/db init --dbhost localhost --dbuser root --dbpassword #初始化mysql数据库
$ ./bin/www #启动服务 浏览器中打开 http://127.0.0.1:3000

二、客户端搭建

1.安装code-push 脚手架

$ npm install -g code-push-cli

与服务器绑定，输入以下代码后，会弹出一个网页要求登录，
account:admin；password:123456，把成功后的token粘贴到cmd里

$ code-push login http://127.0.0.1:3000 #注意更改为服务器的地址

3.注册项目
若是android

code-push app add 项目名-android android cordova

若是ios

code-push app add 项目名-ios ios cordova

成功后返回

┌────────────┬───────────────────────────────────────┐
│ Name       │ Deployment Key                        │
├────────────┼───────────────────────────────────────┤
│ Production │ tjVvMZxOdXs3ggpYlCpvhN7CPjF04ksvOXqog │
├────────────┼───────────────────────────────────────┤
│ Staging    │ dGrGyqyRnJ4c67BRYzWwOOh82HZy4ksvOXqog │
└────────────┴───────────────────────────────────────┘

4.配置项目内的config.xml,注意修改url值为对应服务器地址,把对应的上面获得的Staging替换下面的key的value值

<platform name="android">
    <preference name="CodePushDeploymentKey" value="dGrGyqyRnJ4c67BRYzWwOOh82HZy4ksvOXqog" />
    <preference name="CodePushServerUrl" value="http://10.86.21.181:3000/" />
</platform>
<platform name="ios">
    <preference name="CodePushDeploymentKey" value="dGrGyqyRnJ4c67BRYzWwOOh82HZy4ksvOXqog" />
    <preference name="CodePushServerUrl" value="http://10.86.21.181:3000/" />
</platform>

三、版本更新操作

1.必须先生成最新的app
如ionic的android版

$ ionic run android --prod

2.推送项目到服务器
如android版

code-push release-cordova 项目名-android android

成功后能看到

Successfully released an update containing the
"D:\gary\github\MiApp\platforms\android\assets\www"
directory to the "Staging" deployment of the "mitac-android" app.

3.更详细的命令请参考官网

四、项目内布置

$ ionic cordova plugin add cordova-plugin-code-push --save
$ npm install --save @ionic-native/code-push

注意事项，每次热更新重启app后必须调用code-push的notifyApplicationReady()方法,不调用的话会退回到之前版本,并从此忽略此最新版本

code-push 热更新文档for ionic(搭建自己的服务器,避免翻墙问题)

一、服务器搭建(由于国内连国外微软的服务器需要翻墙,所以自己搭建服务器)

二、客户端搭建

三、版本更新操作

四、项目内布置

相关