首页 > 编程语言 >uniapp 打包发布小程序的流程指引

uniapp 打包发布小程序的流程指引

时间:2023-06-15 11:22:36浏览次数:41  
标签:uniapp 指引 跨域 程序 代理 报错 打包

用 uniapp 开发小程序其实和开发H5是一样的。就是在打包的时候会略有不同。

uniapp 在开发的时候需要在 manifest.json 的源码视图配置 nginx 反向代理才能去请求后端

`/ 代理名称 ${config.url}` 

一般情况下的请求都是代理 + url 去请求数据。

但是,这个只是针对H5的请求方式去代理的。 小程序的请求并不需要代理,因为小程序本身自带跨域功能。

所以,我们只 需要 IP + URL 即可。例如:https://xxxx.com,并不需要说去通过代理开启跨域。

如果用了代理去开启跨域再去打包小程序,小程序会报错URL 的问题。

因为 小程序自带了跨域功能,而你又去开启跨域,冲突了所以报错。

解决方法就是直接 IP + URL 即可. 如下图所示

 

 

 

解决了 IP 的问题之后。接下来就是 说一下发布的流程了。

1. 先去这个地址,扫码登录。获取你的小程序的AppID。如果还没有,先去申请小程序。

https://mp.weixin.qq.com/

 

 

 

 

 

2. 复制 AppID 回来 HX 的manifest.json 文件找到微信小程序配置,把你的AppID 配置上去

 

 3. 点击发行 - 选择 微信小程序,最后等打包出来。

 

 

 

 4. 打包出来会形成这个文件

5. 打开 微信开发者工具 ,选择导入,找到你刚刚打包好的文件

 

6. 找到你刚刚打包的文件,一定要选择到最后一层,也就是 mp-weixin 这一层

 

 

7. 点击确定,进入微信开发者页面,选择信任并运行

 

8.这个时候你可以先试试的小程序是否有报错,开发者工具的运行和真实小程序运行是一样的。如果没有报错,就可以选择开始上传。

 

9. 首次提交会让你选择体验版本,一定要选择为体验版本,因为可以快速测试功能。小程序真正上线是要审核代码的,审核非常耗费时间。

 

10. 回到这里 :mp.weixin.qq.com  这个地址

找到版本管理

 

11. 把版本选择为 体验版本,因为这样干能上传完了就能测试到代码了。最后没问题了再选择审核代码

 

以下就是 uniapp 打包到发布小程序的完整过程。

 

标签:uniapp,指引,跨域,程序,代理,报错,打包
From: https://www.cnblogs.com/majiayin/p/17482390.html

相关文章

  • uniapp上拉加载下拉刷新
    <template> <viewclass="content"> <scroll-viewscroll-with-animationrefresher-default-style="none":refresher-enabled="true" :refresher-triggered="triggered"refresher-background="#fff&quo......
  • uniapp-黑马优选学习02
    01.scroll-view配置高度或宽度时的屏幕铺满;使用 uni.getSystemInfoSync()获取设备相关信息02.取分类数据>API接口:/api/public/v1/categories>数据结构:{内容太多,请直接调用接口获取}>>为元素配置动态类信息(如果条件匹配则添加active类,否则不......
  • python 项目打包成exe文件-使用pyinstaller
    1.首先安装pyinstaller2.复制一份项目到桌面3.命令行进入桌面的项目地址4.使用pyinstaller打包,几种打包方法见上图。截图方框依次为虚拟环境,项目地址,打包方式以及内容(打包的是main.py文件)打包后结果:在文件件内多处两个文件夹,打开dist文件夹就可以看到可执行程序跟着老师一起做的......
  • uniapp vue.config.js配置chunk-vendors.js文件拆分
    constpath=require('path')functionresolve(dir){returnpath.join(__dirname,dir);}constCompressionPlugin=require('compression-webpack-plugin')consthtmlWebpackPlugin=require('html-webpack-plugin')htmlWebpackPl......
  • 全景VR KRPano项目打包成安卓APP快速简易教程
    有时候,我们可能不想把我们制作的全景VR项目发布到网站上,而是想把它作为一个手机应用来使用或者分享。这样,我们就可以更好地保护我们的作品,也可以更方便地展示给客户或者朋友。本文将介绍一种简单的方法,让你可以把你的全景VRKRPano项目打包成安卓APP文件。准备工作在开始打包之......
  • uniapp 更新依赖到指定版本解决uniAPI不可用问题
    我解决的问题:在项目中使用uni.startLocationUpdate(OBJECT)报错:uni.startLocationUpdateisnotafunction 怀疑是版本问题,当时的版本......
  • uniapp 不显示原生导航
    自定义导航栏使用注意当navigationStyle设为custom或titleNView设为false时,原生导航栏不显示//pages配置部分页面{"path":"pages/default/systemError","style":{"navigationBarTitleText":"系统异常","navigationS......
  • 2015年11月Xcode7.1(7B91b)打包发布苹果iOS应用指南
    2015年11月Xcode7.1(7B91b)打包发布苹果iOS应用指南 第1步:配置项目的开发授权证书(图1)如图1,选择TARGETS下的项目名称。(图2)如图2,选择BuildSettings,然后找到ProvisioningProfile. (图3)如图3,选择distribution的开发授权证书。这个distribution的开发授权证书来自苹果开发者后台配置......
  • Eclipse jar打包和命令行运行
    ?Eclipsejar打包和命令行运行 第1步:首先准备好manifest.mf,将该文件放在你的项目根目录下,方便维护。 manifest.mf文件定义如下所示:Manifest-Version:1.0Main-Class:com.stephen.redis.RedisUtilClass-Path:lib/commons-pool2-2.2.jarlib/jedis-2.5.2.jar 注意:<1>man......
  • ionic3打包内存溢出解决方法
    ionic3打包遇到报错aheadoutofmemorylimits,就是常见的node内存溢出问题,原因是由于node引擎在64位操作系统下内存限制(大小为1.4G)如果超出就会报内存泄漏错误。解决方法:1.全局安装increase-memory-limit插件项目目录控制台中输入:sudonpminstall-gincrease-memory-limit......