1.uni-app项目介绍
使用uni-app开发多端项目。 一套代码可以同时打包小程序、h5、app。 uni-app支持通过可视化界面和vue-cli命令行两种方式创建项目。 下面的示例项目使用的是可视化界面的cli项目,可以参考uni文档,大部分流程都是通用的。
项目结构:
获取源码首先将.js中的api请求接口地址修改为自己的请求域名,然后将.json中各平台的appid修改为自己小程序的appid:
相关开发文档:
2. 注册开发者账号并创建应用
在开始开发之前,需要先到uni的开发者后台注册一个账号,登录注册地址:,然后在其中创建自己的应用程序:
3.安装开发工具
简称HX,是一个集成版本,像编辑器一样轻,像IDE一样强大。 有点像与小程序开发工具的结合。 顶部菜单栏有“运行”和“发布”菜单。 只需点击:运行-运行到内置浏览器,就可以像在浏览器中一样直接调试。
当发布一个App时,需要使用它。 其他开发工具无法发布App,但可以发布H5和各种小程序。 如果您需要开发应用程序,可以先运行它,然后在其他编辑器中修改并保存代码。 代码修改后会自动同步到手机底座。 下载链接:。
4、创建并运行项目,首先安装一些常用的插件:
创建项目通过顶部菜单创建新项目:文件-新建-项目,导入现有项目:文件-导入-来自...
运行项目 运行项目通过顶部菜单:Run-Run to...,在开发阶段可以先选择:运行到内置浏览器,如果有报错说明缺少xx插件,只需按照提示安装相应的插件,然后再次运行即可。
5、小程序和H5封装
各个平台的配置可以直接在.json中配置,也可以在开发工具中选择.json文件,右侧会出现图形界面直接选择配置
先运行一下,然后点击:发布-小程序/网站-设置小程序/网站名/appid/域名,打包成功后,可以在dist-build文件夹中找到对应平台的打包文件(对应dist - dev目录下的文件是各个平台的运行文件)
6.应用程序打包
1.点击:发布-原生App-云打包
2、根据/cert目录下的.md说明填写:包名、证书别名、证书私钥密码,选择证书文件(直接点击浏览按钮,选择/cert目录,生成开发证书参考文章末尾的说明)
3. 单击打包按钮
7.IOS应用程序打包
1.点击:发布-原生App-云打包
2、根据/cert目录下的.md说明填写:ID(AppID)、证书私钥密码、证书文件和私钥证书(直接点击浏览按钮选择/cert目录)
3. 单击打包按钮
使用云打包点击打包按钮后,需要等待一段时间,少则几分钟,多则半天多……打包成功后,app安装文件的下载地址为控制台打印:
:apk文件,直接点击“打开目录”,生成的apk文件在//apk文件夹中
IOS:ipa文件,直接点击“下载地址”远程下载到本地
包装证书相关信息:
平台云打包证书使用说明
平台云打包-公共证书(旧版证书)
平台签名证书(.)生成指南
iOS证书(.p12)和描述文件(.)申请
8.发布并上线
1、用小程序开发者工具直接将小程序导入到dist-build文件夹下对应目录下,如微信小程序:dist/build/mp-
2、H5和网站一样,将最终打包好的H5文件部署到线上:dist/build/h5
3.
4.IOS①正式版
官方ios应用程序只能从应用程序商店下载。 您需要先注册苹果开发者账户,填写各种应用信息,上传ipa文件并通过审核后才能下载使用。
② 测试版
测试ios-app时,将ipa文件上传到:
使用授权苹果手机扫描二维码在浏览器中打开直接下载安装,或直接在浏览器中输入“下载地址”
附件:生成开发证书
平台打包发布apk应用,需要使用数字证书(.文件)进行签名,以表明开发者的身份。 证书的生成是自助、免费的,不需要审批或付费。
可以在JRE环境下使用命令生成。 以下是平台生成证书的方式:
1、安装JRE环境,可以从官网下载jre安装包:(记住安装路径,后面生成证书时会用到)
2.打开命令行(cmd),可以先切换到要生成的目录
我直接在D盘根目录下生成输入:
d:
3、将JRE安装路径添加到系统环境变量中
我的JRE安装在D盘“D:”下
set PATH=%PATH%;"D:Programsjrein"
注意这里的安装路径不要写错。 我一开始在路径中丢了一个s,然后一直报错:不是内部或外部命令,也不是可运行的程序。
4.使用-命令生成证书
keytool -genkey -alias testalias -keyalg RSA -keysize 2048 -validity 36500 -keystore android.keystore
根据提示输入信息后,会出现一个. 会在D盘根目录下生成文件。 该文件可用于直接打包应用程序