uniapp开发经验总结(持续更新...)
一、获取近七天日期
这里使用 JavaScript 的 Date 对象来操作日期,我这需要的格式是mm-dd
以下是示例代码
getLastSevenDays() {
const days = [];
for (let i = 6; i >= 0; i--) {
const date = new Date();
date.setDate(date.getDate() - i);
days.push(`${date.getMonth() + 1}/${date.getDate()}`);
}
return days;
}
代码解释:
创建一个空数组
days
,用于存储最近七天的日期。使用一个循环,从6开始递减,直到0。每个循环迭代代表距离当前日期的天数。
在循环内部,创建一个新的
Date
对象,表示当前日期。使用
setDate
方法将日期设置为当前日期减去迭代变量的值。使用模板字符串将月份和日期拼接成字符串,格式为 "月份/日期",并将其添加到
days
数组中。循环结束后,返回包含最近七天日期的
days
数组。
实际应用示例
getServerData() {
//模拟从服务器获取数据时的延时
setTimeout(() => {
//模拟服务器返回数据,如果数据格式和标准格式不同,需自行按下面的格式拼接
let res = {
categories: this.getLastSevenDays(),
series: [
{
name: '时间稼动率',
data: [35, 8, 25, 37, 4, 20, 40],
},
{
name: '性能稼动率',
data: [70, 40, 65, 100, 44, 68, 25],
},
],
};
this.chartData = JSON.parse(JSON.stringify(res));
}, 500);
},
getLastSevenDays() {
const days = [];
for (let i = 6; i >= 0; i--) {
const date = new Date();
date.setDate(date.getDate() - i);
days.push(`${date.getMonth() + 1}/${date.getDate()}`);
}
return days;
},
二、uniapp运行到手机模拟器
1、下载MUMU模拟器
下载地址:MuMu模拟器官网_安卓12模拟器_网易手游模拟器 (163.com)
2、配置全局adb命令
adb为Android Debug Bridge,就是起到调试桥的作用
通过上面步骤打开软件安装目录,打开shell文件夹。文件夹中有一个adb.exe的文件。将当前文件夹地址复制一下,即‘D:\Program Files\MuMuPlayer-12.0\shell’。
打开查看高级系统配置,本文通过打开系统菜单,打开后,点击环境变量 按钮,打开环境变量对话框。
选择Path行,进行编辑。将复制的地址添加进去。即为‘D:/tools/MuMu Player 12/shell’新增一行。添加好后点击确定按钮。
下方的系统变量中也有一个Path,重复执行一下添加地址的操作。
以上步骤执行好后,只要打开的对话框都点确定按钮,保存修改。
3、通过adb链接安卓模拟器
打开MuMu模拟器中的开发者模式,打开系统应用-> 设置
点击关于手机->版本号,在版本号上连续点击多次,直至出现开发者模式已打开的字样。
开好后返回主界面,按照红框内容,打开多开器。
查看adb 端口号,按照图片红框内容依次点开。可以看到,当前端口为16384。
使用adb连接模拟器,打开cmd。输入 adb connect 127.0.0.1:16384回车。提示信息为connected to 127.0.0.1:16384,则代表链接成功,可以进行下一步。
4、uni-app项目运行至安卓模拟器
HBuilder X设置adb。打开HBuilder X,点击运行->运行到手机或模拟器->ADB路径设置。
设置Adb路径,adb路径是adb.exe所在文件目录的路径,该路径一般为MuMuplayer 安装目录下的shell/adb.exe,在D:/tools/MuMu Player 12/shell/adb.exe。Android模拟器端口 即是通过第四步启动的那个端口号:16384。该设置为自动保存,修改好后关闭即可。
在模拟器中运行项目,打开uniapp项目,点击 运行->运行到手机或模拟器->运行到Android App基座。点击弹出框中的刷新,即可看到第四步中已经启动好的服务。如果显示没有检测到设备,请插入设备后点击刷新再试的红色字样。需要重复操作一下第四步,通过adb连接一下服务。
运行后,项目信息会展示在 HBuilder X的控制台中,项目会运行至安卓模拟器中。
三、APP项目云打包(安卓)
1、查看自己的项目的基础配置
2、选择打包项目
选中我们要打包的项目
方式一: 可以右键我们我们的项目目录-》发行-》原生APP-云打包
方式二: 点开当前项目,点击HbuildX上方菜单栏-》发行-》原生APP-云打包
3、打包界面选项
① 选择完我们要打包的项目之后会弹出一个打包配置选项界面。
因为我们打包的是安卓包,所以选择Android。
②证书选择:
使用自有证书(如果你或者公司有申请好的可以使用自有证书),申请证书教程官方链接
使用公测证书(一般是自己开发,用于测试)
③广告什么的一般不需要。
④点击打包选择快速打包即可,默认的是快读安心打包。
4、解决:Hbuilder工具点击发行打包,一直报尚未完成社区身份验证,请点击链接xxxxx,项目xxx发布H5失败的错误。
注意:编辑器,报错信息中给的链接地址是错误的,无用的。必须到Dcloud个人中心去验证。
个人中心网址:https://dev.dcloud.net.cn/#/pages/user/detail ,输入手机号,验证即可。
5、若弹出警告,点击继续打包即可
6、等待程序编译打包资源、控制台输出正在云端打包
情况一: 点击打包后没有弹出警告,直接进入此步骤,等待系统编译打包资源完毕即可。
情况二: 上一步弹出警告,阅读无碍后 点击继续安装,开始编译打包资源,等待编译完毕即可。
7、打包完成生成apk
耐心等待打包完成之后,会出现 打包成功的提示,在控制台。
点击打开所在目录,就会看到我们刚才打包生成的apk文件,可以自测也可以发送给别人,进行安装。
安装的话,手机插着数据线与电脑连接,就会检测到手机,然后右键apk文件,就会显示安装到手机的选项,然后就可以安装到手机看一下自己写的APP啦。