使用Betauper来为uniapp开发的App作为升级中心指南本篇我将教会大家如何使用Unapp 开发一款简易应用。

指南

本篇我将教会大家如何使用Unapp 开发一款简易应用。然后使用Betauper 作升级中心进行应用版本升级控制。

uniapp 项目创建
Betauper 项目创建
插件测试
正式打包

一、创建uni-app项目

创建应用的前提是注册了dcloud的账号服务，并且安装好提供的开发工具HbuildX。

1.打开HbuilderX，点击左侧栏创建应用

2.在弹出窗口内选择 uni-app 填写基本信息和目录地址，点击右下角 立即创建

3.创建得到相应的目录结构，如下图：

二、Betauper 项目创建

创建 Betauper 项目的前提是已注册好 Betauper Cloud 账号并完成邮件激活

1.使用uni-app云插件

插件地址： Betauper 应用升级中心打开插件地址也没，使用插件 for 云打包

2.在HbuilderX内配置使用原生插件

3.打包uni-app项目的自定义基座，这里要注意包名称将会是最终项目的。我们选择运行 -> 运行到模拟器 -> 制作自定义调试基座（或者发行->云打包）打开如下弹窗

4.等待云打包完成，我们会得到如下目录的文件

5.将该文件到 Betauper 控制台进行上传，即可创建应用

三、插件测试

通过上面两个步骤，我们已经拥有了基础的配置信息，我们在 Betauper Cloud 得到了对应应用的Key。接下来就是使用uni-app原生插件来实现我们版本升级的控制

1、在应用App.vue文件下，使用且配置我们的升级插件

# 在 onLaunch 方法下写入如下代码
// #ifdef APP-PLUS
const BetauperUpgrader = uni.requireNativePlugin('Betauper-Upgrader');
BetauperUpgrader.init("你应用在Betauper 的key", {
	debug: false
}, res => {
	console.log('[Betauper] init success !')
	// 执行检查
	BetauperUpgrader.checkUpdate();
}, err => {
	console.error('[Betauper] init fail:', err)
	uni.showModal({
		title: '初始化失败',
		content: err.msg,
		icon: 'loading'
	})
})
// #endif