用uni-app设备多端技俩,一套代码可同期打包出各端小门径、h5和app,uni-app救助通过 HBuilderX可视化界面 和 vue-cli敕令行 两种方式创建技俩,底下示例技俩采用 HBuilderX可视化界面 的方式创建,cli技俩可参考uni文档,大部分过程齐是通用的。
技俩结构:
├── components 公用组件
├── libs 世界挨次
├── pages 页面
├── static 土产货静态资源,肃穆:静态资源只可存放于此
├── store 现象处理
├── styles 世界时势
├── config.js 配置文献
├── manifest.json 配置期骗称呼、appid、logo、版块等打包信息,详见
├── pages.json 配置页面路由、导航条、选项卡等页面类信息
└── unpackage
├── res 图标、启动页
├── cert APP文凭文献
└── dist 打包的文献
拿到源码先修改 config.js 里的 api 请求接口地址,改成你我方的请求域名,然后 manifest.json 里各平台的 appid 改成你我方小门径的 appid:
联系设备文档:
vueuniappHBuilderXstylus 二、注册设备者账号和创建期骗启动设备前需要先去uni的设备者后台注册一个账号,登录注册地址:https://dev.dcloud.net.cn/,然后在里面创建一个你我方的期骗:
三、装配设备器用HBuilderXHBuilderX,简称HX,是轻如裁剪器,强如IDE的合体版块,有点像vscode和小门径设备器用的联接体,顶部菜单栏有一个“运行”和“刊行”的菜单,直接点击:运行 —— 运行到内置浏览器,不错直接像在浏览器里相通调试。
发布App时,需要使用HBuilderX,其他设备器用无法发布App,但不错发布H5、多样小门径。如需设备App,不错先在HBuilderX里运行起来,然后在其他裁剪器里修改保存代码,代码修改后会自动同步顺利机基座。HBuilderX下载地址:https://www.dcloud.io/hbuilderx.html。
四、新建和运行技俩 先装配一些常用的插件: 内置浏览器uni-app(Vue2)编译uni-app(Vue3)编译App真机运行App云打包scss/sass编译stylus编译创建技俩创建新技俩不错通过HBuilderX顶部菜单:文献 - 新建 - 技俩,导入已有技俩:文献 - 导入 - 从...
运行技俩运行技俩通过HBuilderX顶部菜单:运行 - 运行到...,设备阶段可先聘用:运行到内置浏览器,要是有报错艰辛xx插件,直接把柄请示去装配对应插件,再再走运行就不错了。
五、小门径和H5打包各平台的配置不错直接在manifest.json里配置,大致在HBuilderX设备器用里选中manifest.json文献,右侧会出现图形化界面直接聘用配置
先运行起来,然后点击:刊行 - 小门径/网站 - 建设小门径/网站名字/appid/域名,打包顺利后不错在dist - build 文献夹下找到对应平台的打包文献(dist - dev 目次下对应的是各平台运行文献)
六、安卓期骗打包1、点击:刊行 - 原生App-云打包
2、按照unpackage/cert目次下的README.md显露填写:Android包名、文凭一名、文凭私钥密码、聘用文凭文献(直接点浏览按钮,选到 unpackage/cert 目次,Android设备文凭生成参考文末的显露)
首号球:上期奖号为2,开出小 号、偶号,该位前10次开出小 号、偶号的现象时其奖号分别为:426、205、211、430、425、006、479、031、070、400,其中首号球012路比为3:5:2。
财叔双色球:上期中一等奖861万,小单中4+1,076期中5+1,小程序开发公司近期财叔中双色球大乐透一二等奖共获1575万元!上期财叔红胆06、14+偶数蓝球助攻一举拿下一等奖861万元[查看今日推荐]
3、点击打包按钮
七、IOS期骗打包1、点击:刊行 - 原生App-云打包
2、按照unpackage/cert目次下的 README.md 显露填写:Bundle ID(AppID)、文凭私钥密码、文凭profile文献和私钥文凭(直接点浏览按钮,选到 unpackage/cert 目次)
3、点击打包按钮
使用云打包点击了打包按钮后,需要恭候一段本领,少则几分钟,多则泰半天...最终打包顺利后会在罢休台打印出app装配文献的下载地址:
Android:apk文献,直接点击“绽放场所目次”,生成的apk文献在 unpackage/release/apk文献夹下IOS: ipa文献,直接点击“下载地址”,长途下载到土产货
打包文凭联系辛勤:Android平台云霄打包文凭使用显露Android平台云霄打包 - DCloud公用文凭(DCloud老版文凭)Android平台签名文凭(.keystore)生成指南iOS文凭(.p12)和刻画文献(.mobileprovision)恳求
八、发布上线1、小门平直接用小门径设备者器用导入 dist - build 文献夹下对应的目次,如微信小门径:dist/build/mp-weixin
2、H5和web网站相通,将最终打包出来的H5文献部署到线上:dist/build/h5
3、Android
最毕生成的apk文献,不错直接用聊天器用发送到安卓手机上装配使用去注册各大安卓期骗阛阓账号,上传到期骗阛阓供用户下载也不错我方设备一个发布页,将安卓apk放到技俩里,用户点击直接下载顺利机里,要是设立是ios还不错直接判断让跳转到appstore下载地址4、IOS① 郑再版块ios认真期骗只可从app store里下载,需要先注册苹果设备者账号,填写各项期骗辛勤,上传ipa文献审核通事后智商下载使用
软件开发② 测试版块ios-app测试时,将ipa文献上传到蒲公英上:https://www.pgyer.com/
用有授权的苹果手机扫描二维码在Safari浏览器里绽放即可直接下载装配,大致直接在safari浏览器中输入“下载地址”
附:windows下生成安卓设备文凭Android平台打包发布apk期骗,需要使用数字文凭(.keystore文献)进行签名,用于标明设备者身份,Android文凭的生成是自助和免费的,不需要审批或付费。
不错使用JRE环境中的keytool敕令生成,以下是windows平台生成文凭的挨次:
1、装配JRE环境可从Oracle官方下载jre装配包:https://www.oracle.com/technetwork/java/javase/downloads/index.html(记着装配的旅途,后头生成文凭的本领要用到)
2、绽放敕令行(cmd),不错先切换到要生成的目次下我直接在D盘根目次下生成输入:
3、将JRE装配旅途添加到系统环境变量
我的JRE装在D盘下 "D:\Programs\jre\bin"
肃穆这里装配旅途不要写错了,我这里刚启动旅途里 Programs 就少了个s,后头就一直报错:keytool不是里面或外部敕令,也不是可运行的门径
4、使用keytool -genkey敕令生成文凭
testalias:是文凭一名,可修改为我方思建设的字符,提议使用英翰墨母和数字android.keystore:是文凭文献称呼,可修改为我方思建设的文献称呼,也不错指定完满文献旅途36500:是文凭的灵验期,示意100年灵验期,单元天,提议本领建设长少量,幸免文凭逾期按请示输入信息后就会在D盘根目次下生成 android.keystore 文献小程序开发公司,这个文献就不错用来直接打包安卓app了