UniApp版本打包多端小程序和APP指南
大聪明99
4
项目结构：
├── common api文件
├── components 公用组件
├── libs 公共方法
├── pages 页面
├── static 本地静态资源，注意：静态资源只能存放于此
├── store 状态管理
├── styles 公共样式
├── config.js 配置文件
├── manifest.json 配置应用名称、appid、logo、版本等打包信息，详见
├── pages.json 配置页面路由、导航条、选项卡等页面类信息
└── unpackage
├── res 图标、启动页
├── cert APP证书文件
└── dist 打包的文件
拿到源码先修改
1. config.js 里的 api 请求接口地址，改成你自己的请求域名
2. manifest.json 里各平台的 appid 改成你自己的 appid
二、注册开发者账号和创建应用注册地址：https://dev.dcloud.net.cn/，然后在里面创建一个应用：
四、新建和运行项目1. 先安装一些常用的插件：
内置浏览器
uni-app（Vue2）编译
uni-app（Vue3）编译
App真机运行
App云打包
scss/sass编译
stylus编译
2. 创建项目
创建新项目可以通过HBuilderX顶部菜单：文件 - 新建 - 项目，导入已有项目：文件 - 导入 - 从... ，导入你下载的源码
3. 运行项目
运行项目通过HBuilderX顶部菜单：运行 - 运行到...，开发阶段可先选择：运行到内置浏览器，如果有报错缺少xx插件，直接根据提示去安装对应插件，再重新运行就可以了。
六、安卓应用打包1、点击：发行 - 原生App-云打包
2、按照unpackage/cert目录下的README.md说明填写：
Android包名、证书别名、证书私钥密码、选择证书文件（直接点浏览按钮，选到 unpackage/cert 目录，Android开发证书生成参考文末的说明）
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文件，直接点击"下载地址"，远程下载到本地
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/
相关文章
-
本文效果图： 正文 1、查阅官网配置搜索框pages配置项 配置链接：uni-app官网(dcloud.net.cn) 1.1首先进入官网后找到如下内容 1.2如官网所示style的说明如下，看图操作 用于设置每个页面的状态栏、导航条、标题、窗口背景色等。 页面中配置项会覆盖globalStyle中相同的配置项.
hi丶尛檌
8 6
0 条评论
-
一、下载并安装开发工具 uniapp的开发工具为HbuilderX，下载地址为：去下载 这里选择windows版本。windows版本下载完成之后会得到一个zip的压缩包文件，解压完成即可使用，是不需要安装的绿色版本。 二、安装sass和scss插件 打开HbuilderX，点击工具----插件安装，如图所示： 在
簇氖鹊徘
7 3
0 条评论
-
成果 准备cnblogsAPIKEY申请：https://oauth.cnblogs.com/ api接口文档：https://api.cnblogs.com/help 开发工具微信开发者工具 [uniapp官方编辑器](https://www.dcloud.io/hbuilderx.html) 学习路线没有接触过V
ababcdy
7 3
0 条评论
-
1.4版本 前后台模式切换 用户现在可以自由切换前后台设计模式，在前台模式下，加入了新的信息列表控件，用于展示移动端常见的下拉刷新上拉分页的列表。其他控件，包括各种图表控件也都可以在前台模式中使用。 在线预览移动端效果 如果在项目中维护了移动端的页面，那么当你预览的时候，会同时生成后台系统和前台移动端的预览环境，用户
鈽倄cs9
5 0
0 条评论
-
第一步：查看自己的项目的基础配置 第二步：选择打包项目 选中我们要打包的项目 方式一：可以右键我们我们的项目目录-》发行-》原生APP-云打包 方式二：点开当前项目，点击HbuildX上方菜单栏-》发行-》原生APP-云打包 第三步：打包界面选项 选择完我们要打包的项目之后会弹出一个打包配置选项界面。 因为我们打包的
ganqchund475
8 1
0 条评论
-
平台分裂，为不同平台编写相同的业务代码，是件无趣的事情。 有追求的程序员，一直在探索代码复用的方案，HybridApp即是代表。 1、基于跨端框架，从头开发，一套代码，发行多个平台，比如DCloud出品的uni-app、京东凹凸实验室的taro。 在这段并行的时间内，开发者需要同时维护微信原生、uni-app两个版本
爱笑的田中未央
5 6
0 条评论
-
uni-app简介 官网：https://uniapp.dcloud.io/ 01 1.uni-app是什么？ 01 02 那么哪里可以体现uni-app可以实现"一套代码，多端发行"呢？从常用的uni-app开发工具HBuilder可以看出该特点。 02 2.为什么选择uni-app？（uni-app的优点） 兼容
sinbaranny
4 5
0 条评论
-
"作者：坚果 2.uni-app功能框架一图胜千言 img3.uni-app创建项目的两种方式uni-app支持通过可视化界面、vue-cli命令行两种方式快速创建项目。 1.可视化界面可视化的方式比较简单，HBuilderX内置相关环境，开箱即用，无需配置nodejs。 开始之前，开发者需先下载安装如下工具： HB
tuoyeitu77
3 3
0 条评论
-
各种福利第一时间送达！ 大家好，我是黑马腾云。 为了反馈朋友们长期的支持，接下来几天会有很多福利，敬请期待！ 前几天，不少读者私信咨询前文中项目案例的种种实现细节，本文先揭晓使用的开发工具。 特别说明：系列文章定位是帮助初学者从入门到实战，适合零基础或基础较差uni-apper。为了节约时间，高手勿进，可关注后续的实战
穿越火线—0
5 3
0 条评论
-
0x00背景介绍第一次分析uni-app框架的apk，顺手记录一下过程。在分析过程中涉及到uni-app和mui框架，下面简单介绍一下背景。 mui，也是Dcloud官方推出的一个基于html5+标准的框架，同时拥有h5组件和原生组件，号称最接近原生APP体验的高性能前端框架，官网：https://dev.dcloud
们酮供碱梭
5 0
0 条评论
