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;
  }

代码解释:

  1. 创建一个空数组 days,用于存储最近七天的日期。

  2. 使用一个循环,从6开始递减,直到0。每个循环迭代代表距离当前日期的天数。

  3. 在循环内部,创建一个新的 Date 对象,表示当前日期。

  4. 使用 setDate 方法将日期设置为当前日期减去迭代变量的值。

  5. 使用模板字符串将月份和日期拼接成字符串,格式为 "月份/日期",并将其添加到 days 数组中。

  6. 循环结束后,返回包含最近七天日期的 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啦。


uniapp开发经验总结(持续更新...)
http://localhost:8090//archives/uniappkan-ban-kai-fa-jing-yan-zong-jie-chi-xu-geng-xin...
作者
cchen
发布于
2024年08月06日
许可协议