uni-app 新手入门到精通完结篇

短命女 2021-09-02 06:04 471阅读 0赞

> uni-app 新手入门到精通1[https://blog.csdn.net/renxiaoxing55/article/details/109073564][https_blog.csdn.net_renxiaoxing55_article_details_109073564]

> uni-app 新手入门到精通2[https://blog.csdn.net/renxiaoxing55/article/details/109079171][https_blog.csdn.net_renxiaoxing55_article_details_109079171]

> uni-app 新手入门到精通3[https://blog.csdn.net/renxiaoxing55/article/details/109103310][https_blog.csdn.net_renxiaoxing55_article_details_109103310]

最后一篇文章我们说一下小程序,H5和安卓的打包

首先我先说一下在微信开发工具运行的注意两小点
    
    1,微信开发者工具最好安装在C盘,首次运行的话需要打开微信开发者工具文件的所在位置,
    
    2,微信开发者工具=>设置=>安全设置=>服务端口开启

小程序  => 点击上传打包完成   现在这个按钮是不能点击的

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3JlbnhpYW94aW5nNTU_size_16_color_FFFFFF_t_70_pic_center]

> 1>登录微信公众平台[https://mp.weixin.qq.com/][https_mp.weixin.qq.com]

> 2>设置=>基本设置=>找到AppID复制

> 3>HBuilderX工具=>点击 manifest.json 文件=>选择微信小程序配置=>把微信小程序AppID复制里面

> !!! 完成之后记得重新打开微信开发者工具

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3JlbnhpYW94aW5nNTU_size_16_color_FFFFFF_t_70_pic_center 1]

H5打包

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3JlbnhpYW94aW5nNTU_size_16_color_FFFFFF_t_70_pic_center 2]

HBuilderX=>发行=>网站-H5手机版

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3JlbnhpYW94aW5nNTU_size_16_color_FFFFFF_t_70_pic_center 3]

导出成功后 控制台会显示打包后的路径,按着路径找过去,运行就好了

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3JlbnhpYW94aW5nNTU_size_16_color_FFFFFF_t_70_pic_center 4]

安卓打包

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3JlbnhpYW94aW5nNTU_size_16_color_FFFFFF_t_70_pic_center 5]

HBuilderX => 发行 => 原生App-云打包

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3JlbnhpYW94aW5nNTU_size_16_color_FFFFFF_t_70_pic_center 6]

点击打包按钮完成之后,会有一个网址,按网址下载就好了

[https_blog.csdn.net_renxiaoxing55_article_details_109073564]: https://blog.csdn.net/renxiaoxing55/article/details/109073564
[https_blog.csdn.net_renxiaoxing55_article_details_109079171]: https://blog.csdn.net/renxiaoxing55/article/details/109079171
[https_blog.csdn.net_renxiaoxing55_article_details_109103310]: https://blog.csdn.net/renxiaoxing55/article/details/109103310
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3JlbnhpYW94aW5nNTU_size_16_color_FFFFFF_t_70_pic_center]: /images/20210724/3d13414c47204956b078b9059f70acef.png
[https_mp.weixin.qq.com]: https://mp.weixin.qq.com/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3JlbnhpYW94aW5nNTU_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20210724/8efa522916ef4b04bc4b2bdd7196daaf.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3JlbnhpYW94aW5nNTU_size_16_color_FFFFFF_t_70_pic_center 2]: /images/20210724/c174ffa6f06e4c93bfc5760985ab9a88.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3JlbnhpYW94aW5nNTU_size_16_color_FFFFFF_t_70_pic_center 3]: /images/20210724/e150b59909144a659f42789eb3119bec.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3JlbnhpYW94aW5nNTU_size_16_color_FFFFFF_t_70_pic_center 4]: /images/20210724/d45ecff324654989afb1f50d8711f3a2.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3JlbnhpYW94aW5nNTU_size_16_color_FFFFFF_t_70_pic_center 5]: /images/20210724/8aec369e0fc14ab6bbd8e1e8503a9d66.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3JlbnhpYW94aW5nNTU_size_16_color_FFFFFF_t_70_pic_center 6]: /images/20210724/8d514af7325e4c90aa1bc00f085d3fe5.png