栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > Html/CSS > CSS教程

比特世纪系统开发

CSS教程 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

比特世纪系统开发

最近在学React Native,比特世纪系统开发(T:*I8O-285I-O282)学到了CodePush热更新。

老师讲了两种实现的方法,现将其记录一下。



相比较原生开发,使用React Native开发App不仅能节约开发成本,还能做原生开发不能实现的热更新功能。

使用原生技术开发App时,每次代码做了改动后,都需要提交到应用商店进行审核,审核通过后,需要等用户重新下载安装后才会生效。而如果使用React Native开发App,开发者可随时发布新版本,不用经过应用商店的审核,用户即可使用到新版本,并且还可做到不用经过用户的同意就强制安装新版本。

CodePush是微软的技术,因为服务器在国外,所以不太稳定。如果开发的App是针对国内市场的,应该使用CodePush中国。

要使用CodePush,需安装cpcn-react-native依赖包。可使用官方提供的工具cpcn-client来安装依赖包。cpcn-client的下载地址是:http://code-push.cn/docs/1010.htm 。

代码实现比较简单。第一种方法是直接改变App.js组件:

import cpcn from 'cpcn-react-native';

class App  extends Component {
    
}

App = cpcn(App);

export default App;

这种方法在有新版本更新时,会使用默认的提示框,提示框中的文字也是默认的。灵活性不够。

第二种方法比较灵活,可以自定义对话框和进度条。这种方法使用 cpcn.check() 方法。

import cpcn from "cpcn-react-native";

class App extends Component {
    componentDidMount(){
        cpcn.check({
            checkCallback: (remotePackage, agreeContinueFun) => {                if(remotePackage){

                }
            },
            downloadProgressCallback: (downloadProgress) => {

            },
            installedCallback: (restartFun) => {

            }
        });
    }
}

export default App;

将 cpcn.check() 方法写在 App.js 的 componentDidMount 方法内,当 App 组件加载后调用此依法。

cpcn.chedk() 方法的参数:

checkCallback: 在检查是否有可更新的版本后调用这个方法,如果 remotePackage 不是 null,表示有可更新的版本。如果要继续更新,就调用 agreeContinueFun(true),如果不想继续更新,就调用 agreeContinueFun(false)。

downloadProgressCallback: 在下载新版本的过程中调用这个方法。可用它的参数 downloadProgress 做进度条。downloadProgress.receivedBytes 是已经下载的字节数,downloadProgress.totalBytes 是总字节数。

installedCallback: 当新版本安装完成后调用这个方法。需调用 restartFun(true) 重启App,重启后新版本就生效了。


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/242250.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号