uniapp--咸虾米壁纸项目(五)

113 阅读3分钟

一、打包发行微信小程序的上线全过程

浏览器中搜索“mp.weixin.qq.com”-->扫码登录-->完善项目基本配置

image.png

再找到左侧栏中的“开发管理”-->配置“服务器域名”

image.png

然后再到HBuilderx中-->打开manifest.json-->点击“微信小程序配置”-->配置AppID(每个人的AppID是不一样的哈)-->并勾选“上传代码时自动压缩”

image.png

然后点击“发行”-->点击“小程序-微信”-->更改项目名-->再点击“发行”-->打开“微信小程序”后,再点击右上角的“上传”

点开“mp.weixin.qq.com”-->找到左侧栏的“版本管理”-->找到刚刚上传的程序版本-->点击“提交审核”

打包后的项目可以在项目根目录下的unPackage/dist/build下找到

二、打包H5并发布上线到unicloud的前端网页托管

打开HBuilderx中的manifest.json-->进行web配置-->配置页面标题,路由模式,运行的基础路径

image.png

点击“发行”-->选择“网站-PC Web或手机H5”-->点击“发行”

打包后的项目同样可以在项目根目录下的unPackage/dist/build下可以找到

image.png

把当前打包后的项目文件夹web复制一份到桌面上-->并将文件名重命名为xxmwall (文件名与先前配置的运行基础路径同名)

打开uni-app官网-->点击uniCloud-->点击web控制台

image.png

登录注册-->新建服务空间-->选择“阿里云”,选择免费-->新建服务名称(eg:uni-demo)--> 点击“购买”-->打开“前端网页托管”-->点击“上传到当前目录”(选择上传文件夹(包含根目录))-->点击“参数配置”-->复制“参数配置”里面提供的默认域名-->粘贴到浏览器中,并在后面再添加上 (/xxmwall/index.html)

并在左侧栏中找到“跨域配置”-->点击新增域名-->把之前复制的默认域名粘贴

浏览器中搜索“草料二维码”-->把(默认域名 拼接 /xxmwall/index.html) 复制这个网址,在“草料二维码”网站中粘贴-->生成专属于这个项目的二维码

三、打包安卓App并安装运行

在HBuilderx中点击manifest.json-->选择“基础配置”-->配置应用名称、应用版本名称、应用版本号、Vue版本选择

image.png

image.png

再选择“安卓、ios图标配置”-->在自动生成图标处,点击“浏览”,选择一张图片-->再点击“自动生成所有图标”并替换-->再选择“安卓、ios启动界面配置”-->开启使用原生隐私政策提示框-->再选择“安卓、ios模块配置”-->再选择“安卓/ios常用其他设置”,勾选“支持CPU类型”中的x86

HBuilderx中点击“运行”-->选择“运行到手机或模拟器”-->选择“制作自定义调试基座”-->勾选“打正式包”(这个只有在做真正的项目时才需要勾选),这种项目不需要勾选-->设置Android包名(wallpaper.xxm)-->选择“使用云端证书”-->再勾选一个发布App的渠道包(这个也是只有在真正的项目中才需要勾选的)-->选择“传统打包”

HBuilderx中点击“运行”-->选择“运行到手机或模拟器”-->选择“运行到Android App基座”-->勾选“使用自定义基座运行”

下载“逍遥模拟器”-->启动-->进入它的“系统设置”-->选择“手机”显示-->重新启动模拟器

点击“刷新”-->再点击“运行”

HBuilderx中点击“发行”-->选择“App-Android/ios-云打包”-->选择“传统打包”-->执行打包

由于unicloud具有存储服务,因此点击控制台中在执行打包后出现的“一键上传到unicloud”-->选择先前在unicloud中创建的服务空间-->点击“确定”

再打开unicloud(服务空间 - uniCloud) -->点击“云存储”-->选择“空间内置存储”--> 选择“文件列表模式”-->点击文件的详情,里面就有App的下载地址

也可以把这个地址粘贴到“草料二维码”网站中,生成对应的二维码信息