码迷,mamicode.com
首页 > 其他好文 > 详细

React Native Code Push

时间:2018-01-02 11:34:56      阅读:206      评论:0      收藏:0      [点我收藏+]

标签:loading   面向   check   ali   登录   热更新   微软   跳转   download   

Code Push是微软提供的一套可以热更新React Native的服务。可以使用微软的服务器也可以自己部署服务器。

 

1.安装Code Push

使用命令npm install -g code-push-cli安装Code Push。

2.注册Code Push账号

在终端输入code-push register就会跳转到授权网页,授权完成后,CodePush会显示你的Access Key,复制输入到终端即可完成注册并登陆。

(如果不输入code-push logout退出登录命令,登录状态会一直有效)

3.在终端输入code-push app add <appName> <os> <platform>即可完成创建项目。

4.在要集成的项目输入npm install --save react-native-code-push下载code-push到项目,然后分别集成到IOS、Android,项目中填写创建项目的Key。

5.在React Native根组件componentDidMount中添加更新代码

codePush.checkForUpdate(deploymentKey).then((update) => {
                            if (!update) {
                                Alert.alert("提示", "已是最新版本--", [
                                    {
                                        text: "Ok", onPress: () => {
                                        console.log("点了OK");
                                    }
                                    }
                                ]);
                            } else {
                                codePush.sync({
                                        deploymentKey: deploymentKey,
                                        updateDialog: {
                                            optionalIgnoreButtonLabel: ‘稍后‘,
                                            optionalInstallButtonLabel: ‘立即更新‘,
                                            optionalUpdateMessage: ‘有新版本了,是否更新?‘,
                                            title: ‘更新提示‘
                                        },
                                        installMode: codePush.InstallMode.IMMEDIATE,

                                    },
                                    (status) => {
                                        switch (status) {
                                            case codePush.SyncStatus.DOWNLOADING_PACKAGE:
                                                console.log("DOWNLOADING_PACKAGE");
                                                break;
                                            case codePush.SyncStatus.INSTALLING_UPDATE:
                                                console.log(" INSTALLING_UPDATE");
                                                break;
                                        }
                                    },
                                    (progress) => {
                                        console.log(progress.receivedBytes + " of " + progress.totalBytes + " received.");
                                    }
                                );
                            }
                    }

6.输入命令code-push release-react <appName> <platform> [options]即可发布更新版本。

参数包括更新面向的版本号、是否强制更新、发布到Staging或Production等。

 

React Native Code Push

标签:loading   面向   check   ali   登录   热更新   微软   跳转   download   

原文地址:https://www.cnblogs.com/lemonzwt/p/8175768.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!