40-打包apk-小程序-H5

新手一号
177 阅读3分钟

H5配置：在manifest.json文件中进行配置

页面标题自定义，路由模式是默认的hash模式，运行的基础路径是./相对路径接下来保存就行了

保存完成后就开始进行打包，在发行--网站PC栏点击去打包

image.png

image.png

进来后，输入域名点发行，编辑器就开始自动打包了，appid点进发行那里，重新获取就行了 image.png

image.png 等一段时间编译完成后，在项目中会生成一个unpackage目录，打包好的项目就在里面的H5文件夹中，直接复制这个文件夹到服务器就能运行

image.png

通过文件夹打开这个项目，运行index.html文件，可以正常运行

image.png

微信小程序打包

打包之前，先把微信小程序开发助手关闭，同时，uniapp的编辑器下方的控制台也关掉

image.png

然后点击发行--发行到微信小程序

image.png

他要求输入一个appid，这个id在微信公众平台申请 image.png

是在微信公众平台，找到开发管理，开发设置，把开发设置中的appid复制到uniapp的编辑器中就行了 image.png

等待uniapp编译项目完成后，还是在unpackage目录下，就多了一个mp-weixin的文件夹，这个就是微信小程序的项目了 image.png

项目编译完成后，微信小程序开发助手会自动同时打开，在微信小程序开发助手中，之前为了开发方便，右上角详情--本地设置中，勾了一个不校验合法域名，现在要把它取消掉，然后点本地设置旁边的项目配置，配置合法域名，否则会报错，需要在微信公众平台设置安全域名

image.png

安全域名设置： 还是在上面获取appid那一栏，往下拉有一个服务器域名，修改成这个项目使用的域名ku.qingnian8.com

image.png

现在取消了合法域名校验的勾选，配置了合法域名，点击项目，如果没有报错，就证明配置成功了

接下来就是在微信小程序开发助手中点右上角的上传

image.png

上传完成后，回到微信小程序公众平台，管理--版本管理页面，查看是否有了这个小程序，可以看到现在有了一个开发版本，如果这个版本是最终版本，就提交审核

image.png

如果要把它作为一个体验版本，就点击提交审核旁边的下拉框，点击选为体验版本，会弹出一个二维码，扫描这个二维码，就能看到项目了，但是进去之后，这个项目没有内容，是空的，不知道什么原因

之前在打包时，微信小程序开发助手提示代码质量分析不通过，但是还是上传成功了，不知道是不是这里的原因

image.png

apk打包

在uniapp编辑器中，点击发行--原生app云打包就行

image.png

在打包之前，还是要先在manifest.json中进行配置 选app图标配置，在项目的static中找到要用的app图标

image.png

接下来就是点发行--云打包，就把使用自有证书改成使用云端证书，然后直接点右下角的打包

image.png

等了很多分钟后，提示打包成功，项目中多了一个release的文件夹，下面就有一个apk包

这个包不在dist文件夹里了，他是和dist文件夹同级的目录下 image.png

image.png

avatar
文章
阅读
粉丝