uni-app发布H5流程

Posted 2023-04-23

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了uni-app发布H5流程相关的知识，希望对你有一定的参考价值。

参考技术A 首先在manifest.json文件中进行基础配置，获取uni-app的ID号，填写应用名称，应用描述，版本名称以及版本号。

然后在H5配置模块，填写页面标题等基础信息。

点击发行-》网站-PC Web 或手机H5-》填写网站标题，网站域名。

点击发布以后本地会生成一份打包文件，将打包文件上传至设置的网站，访问网站域名即可。

uni-app 的更新及碰到的问题

　　uni-app 的更新

　　我这个是针对 app 的测试，没有考虑小程序及 h5，如需考虑请参考 uni-app 的条件编译

　　当我们将文件打包好之后，我们在手机上就可以下载 apk 文件，安装到我们的手机上就变成了 app

　　点击下载地址，开始下载 apk 文件，将其放在手机上就可以运行

　　这是打包流程

　　这样我们的初始 app 就安装好了，但是 app 不能一成不变，接下来我们就要考虑更新的问题了

　　更新的流程：

　　接下来就会给我们生成一个 wgt 的文件，然后我们就可以用这个文件来进行更新

　　接下来我们需要了解更新的一些方法：

　　更新的核心对象：plus

　　主要用到的两个方法：plus.downloader.createDownload()，plus.runtime.install() ，大家可百度查一下，这两个方法的用法

　　上代码：

　　html 结构，通过点击来进行更新

　　js 部分，写点击事件的方法

　　　复制代码：　　

　　fn(){
　　　　var wgtUrl="http://192.168.43.229:8088/ten/wgt/__UNI__E67D6C8.wgt";
　　　　function downWgt(){
　　　　　　plus.downloader.createDownload( wgtUrl, {filename:"_doc/update/"}, function(d,status){
　　　　　　console.log(d);
　　　　　　if ( status == 200 ) {
　　　　　　　　plus.runtime.install(d.filename, {
　　　　　　　　　　force: true
　　　　　　　　}, function() {
　　　　　　　　　　plus.runtime.restart();
　　　　　　　　}, function(e) {
　　　　　　　　　　console.log(\'install fail...\');
　　　　　　　　});
　　　　　　} else {
　　　　　　　　console.log("下载wgt失败！");
　　　　　　　　plus.nativeUI.alert("下载wgt失败！");
　　　　　　}
　　　　　}).start();
　　　　}
　　　　downWgt()
　　}