shopxo 打包上传微信小程序uniapp模式(补充官方没写的内容)

发表于： 2022年12月25日 2022年12月25日
分类：未分类

1. 关于微信小程序的shopxo官方文档页面配置地址

页面配置地址 – 使用文档 – ShopXO文档管理系统doc.shopxo.net/article/1/261485983218794496.html

官方文档2，里面有SSL内容，但现在小程序生成按钮已经没有了

小程序使用 · ShopXO商城使用手册及超实用开发文档 · 看云www.kancloud.cn/yx2004000/shopxo_dev_yx/1279381

要点：

Gitee：https://gitee.com/zongzhige/shopxo-uniapp 这里下载v2.2.3，不是master

2. 搭建Hbuilder+微信开发者工具组合时，要做好配置，如何配置可参考下面4篇文章

如何使用HBuilderX开发微信小程序 – DCloud问答ask.dcloud.net.cn/article/id-13373

Hbuilder X使用uni-app创建微信小程序blog.csdn.net/u013084858/article/details/116371894

HbuilderX运行到微信开发者工具时显示fail to open IDEblog.csdn.net/yzx125/article/details/114848517?utm_medium=distribute.pc_aggpage_search_result.none-task-blog-2~aggregatepage~first_rank_ecpm_v1~rank_v31_ecpm-3-114848517.pc_agg_new_rank&utm_term=HBuilderX%E6%97%A0%E6%B3%95%E6%89%93%E5%BC%80IDE&spm=1000.2123.3001.4430

如何使用HBuilderX创建uni-app并编译成微信小程序并配置底部菜单baijiahao.baidu.com/s?id=1677054909364698193&wfr=spider&for=pc

3. 在HB点运行，如果看到微信开发者工具一片白，首先要想到配置没有配正确。

有2个地方配置很重要

1）本地端口

2）appid。如果HB中显示IDE open错误，则检查下微信appid是否正确（微信appid要事先在微信申请好）

这2个地方打勾才正确

页面出来后，修改页面header，标题

上面配置都对后，在HB中运行，会自动启动微信开发者工具，并出来模拟器界面（关掉编辑器、调试器）。

header标题在App.vue中修改，修改后保存会自动增量编译，所见即所得。

修改数据

上面页面和我们已经安装的shop数据不对应，如何修改？

还是要改App.vue文件，如下：

接口地址（必改）：
App.vue中修改 request_url 和 static_url 地址为自己的商城地址即可使用
（如服务端根目录未指定public、则在静态地址后面需要增加public目录）以斜杠结尾，

 // 请求地址
                request_url: 'https://d1.shopxo.vip/',
                // 静态资源地址（如系统根目录不在public目录下面请在静态地址后面加public目录、如：https://d1.shopxo.vip/public/）
                static_url: 'https://d1.shopxo.vip/',

修改首页

修改pages/index/index.vue

修改轮播图

到后台网站设置-轮播，里修改微信小程序对应的轮播

修改components, 修改底部版权说明

修改components\copyright\copyright.vue文件

解决授权错误， invalid code, rid=

到后台的手机管理-小程序管理-微信小程序，把appid和appsecret填对，就可以解决

发布到微信小程序平台，体验版，服务器请求出错

要到微信小程序后台，配置一下服务器域名

业务域名

下载验证文件，并上传到public目录下，业务域名必须先ICP备案

申请SSL，https

阿里云，其他云现在都有SSL免费1年的，申请起来很方便

如果用宝塔管理网站，阿里上下载的3个证书文件中有2个文件要合并（先放阿里下载的public，再放chain证书），（若不合并只填蓝框域名证书手机访问就会报缺失证书链/不安全等同时）

方法见：关于宝塔上部署证书的说明 – Linux面板 – 宝塔面板论坛 (bt.cn)

上面配置好了，但还是提示“服务器请求出错”，用ios看可以，但安卓报错，
参考：微信小程序模拟正常真机服务器请求出错 (360doc.com)

参考：微信小程序——请求(安卓机所有请求都失败fail ssl hand shake error)_Joyce的前端日常-CSDN博客

宝塔后台SSL证书PEM 合并顺序:

先放public.crt（根证书）, 再放chain.crt（中间证书）

放好public后，pc版能正常浏览。如果不放chain则ios报服务器请求出错

SSL证书检测：

SSL服务器证书安装检查器_

我检测下来3个证书都是正常状态。没有没有缺少中间证书

上面这篇文章误导我，起初我一直认为是证书问题，但后来用工具检测SSL是好的，同时在ios上也是好的（说明SSL也是好的），所以在安卓上服务器请求出错这个问题，就不是SSL引起的

为什么真机调试是好的，到了体验版就不行呢？

这是因为微信开发者工具中（菜单设置-项目设置下），默认是“不检验合法域名，web-view,TLS版本及https证书的”
我勾掉这个默认后，模拟器中出错，调试器报错：不在以下request 合法域名列表中。。。。找到问题了！

问题解决了！

腾讯小程序后台的服务器域名配置里，所有都要填，socket，udp,tcp就算现在不用，也要填。
如果空着，就会产生服务器数据错误。

妖怪！ — 开发调试模式正确，但关闭调试模式，不正确（显示服务器请求出错），但在本机真机调试时候ios和安卓都正确

手机上小程序右上角3个点点击去，有“打开调试”模式，可以vConsole看一下

奇怪现象：ios版怎么都对的，而安卓只在打开调试模式下正确，安卓关闭调试模式就出现服务器请求出错

耗时2小时，检测了所有该检查的，还是报错。

md，去打了盘吃鸡，再回来测真机。居然好了（什么代码都没动）

md 微信安卓版缓存，以后要多几个安卓手机多几个微信账号。。。。

消息推送

要填Token(令牌)， shopxo中暂时没发现这个，先空着

admin