AI摘要
北海のAI

uni-app开发流程

uni-app开发可以实现编写一次vue代码，自动编译到不同平台：H5、Android、IOS、微信/抖音等小程序，下面就开发版本做了解

一、开发工具

  1. Hbuilder：作为首选编译器
  2. 微信开发者工具：作为小程序端可视化显示
  3. AI辅助编程工具：Cursor、Claudecode等都可以

二、前置准备

  1. 微信小程序AppID：https://mp.weixin.qq.com/
    • 左侧管理面板选择开发管理获取开发者ID，并且复制好AppID
  2. Hbuilder中创建模板
    • 新建项目，选择uni-app，挑选合适模板，并且选择Vue版本
    • 点击上方工具 - 插件安装，选择必须插件进行安装
    • 选择manifest.json，将AppID复制到微信小程序配置中
  3. 微信小程序设置
    • 选择上方详情，本地设置，勾选不校验合法域名
  4. 编译运行
    • Hbuilder中选择上方运行，实现运行到web、小程序

三、发行云打包

  1. 调整manifest.json配置

    • 基础配置：创建uni-app的id
    • 安卓图标设置、启动页设置
    • 广告设置等

  2. Android云打包

    • 创建个人自有证书：这里使用JDK自带的生成证书

      1
      2
      3
      4
      5
      6
      keytool -genkey -alias testalias -keyalg RSA -keysize 2048 -validity 36500 -keystore test.keystore

      ### 一路跟着提示走

      keytool -list -v -keystore test.keystore  
      ## Enter keystore password: //输入密码，回车

    • 将制作好的证书在Hbuilder中选择，并且输入证书库密码和私钥密码（如果没有设置私钥密码则为默认证书库密码）

    • 最终打包好的文件在：/unpackage/release/apk下