“我报名参加金石计划1期挑战——瓜分10万奖池，这是我的第1篇文章，点击查看活动详情”

关于使用uniapp开发的自我记录

• 此文仅简单介绍开发流程，看看就好。

uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。

开发工具 HbuilderX 创建 =》运行 =》打包

HBuilderX是通用的前端开发工具，但为uni-app做了特别强化。

下载App开发版，可开箱即用；如下载标准版，在运行或发行uni-app时，会提示安装uni-app插件，插件下载完成后方可使用。

如使用cli方式创建项目，可直接下载标准版，因为uni-app编译插件被安装到项目下了。

必备插件：

0. uni-modules
1. node-sass
2. git

一、新建项目 》提供uni-ui项目模板，内置uni-modules组件库

二、运行项目

①h5页面 浏览器 》Chrome

②安卓/ios 真机运||模拟器

1. Hbuildx 工具->设置

找到运行配置点击，再设置adb路径，我这里用的夜神模拟器，对应的adb是1.0.36

端口配置为62001

adb执行文件在Hbuildx的plugins->launcher->tools->adbs下

2. 一些模拟器默认端口号，如下：

windows适用的模拟器常用端口号

模拟器	端口号
夜神	62001
真机	5555
海马玩	26944
逍遥游	21503
安卓模拟器大师	54001
天天模拟器	6555

mac适用模拟器常用端口

模拟器	端口号
夜神	62001
网易MUMU模拟器	5555

3. 安卓打包

   云打包相对简单，建议采用

0. 以下为生成私人签名证书 (这里我自己使用的密码)

1. ask.dcloud.net.cn/article/357… 生成自有证书的详细文档

   需要安装jk1.8及以上版本

   keytool -genkey -alias jincc_alias -keyalg RSA -keysize 2048 -validity 36500 -keystore jincc.keystore
   

   • jincc_alias是证书别名，可修改为自己想设置的字符，建议使用英文字母和数字。
   • jincc.keystor是证书文件名称，可修改为自己想设置的文件名称，这里也可以指定完整路径 。
   • 36500是证书的有效期，表示100年有效期，单位天，建议时间设置长一点，避免证书过期。
   • 回车后让输入一些信息，具体根据个人需求填写。
   • 注意 提示输入国家地区代号 中国为CN输入后回车。
   • jincc.keystore证书生成在当前执行命令所在目录，已指定完整路径则不在当前命令路径。

2. 查看证书信息

   keytool -list -v -keystore test.keystores

   查看如下信息

   • MD5

     证书的MD5指纹信息（安全码MD5）

   • SHA1

     证书的SHA1指纹信息（安全码SHA1）

   • SHA256

     证书的SHA256指纹信息（安全码SHA245）

③小程序 运行到微信开发者工具

安装各自厂家小程序对应的开发工具；此处以微信小程序为例；

• 微信公众平台mp.weixin.qq.com/ 注册一个小程序
• 按照下图完成注册

• 登录微信公众平台，需要使用手机扫描或者帐号登录，下图登录之后界面

• 选择填写，进入填写界面

• 完成之后如下图，出现已完成 查看详情

• 详情界面滑动到最下面，看到AppID（后面需要用到） ，如下图：

• 找到管理中的成员管理，可以添加开发人员和体验成员，未上线之前可以用体验成员进行测试。 如下图：

• 最后首页 里找到前往发布 ，点击进入可以看到开发版本（这里需要使用微信开发者工具上传，才会出现），再没有测完没有问题情况下，使用右边的小箭头选择体验版使用。

开发工具端

• 通过HBuilder工具发行小程序，在小程序项目的manifest.json中设定微信小程序配置 的微信小城AppID（这里的就是微信端说明里的那个AppID）

• 然后进行发行

• 编译成功后，微信开发者工具如下图：

• 点击上传之后，在微信后台服务管理里面就能看到该开发板项目。
• 将开发板设为体验版本，开发者和体验成员可通过提供的二维码使用该小程序
• 将体验版本发布为审核版本，审核之后便可以在微信中搜索到

不说了我鱼掉了