- 初步上手小程序笔记1:单独封装axios请求及测试获得文章数据
小程序自身有单独请求的api,并且已经解决了跨域问题,可以不需要重新配置一下。 这里贴下小程序的请求api代码 [图片] 新建了一个axios.js文件用于封装axios //封装axios请求 class Axios { post(url, data) { return this.request("POST", url, data) } get(url, data) { return this.request("GET", url, data) } put(url, data) { return this.request("PUT", url, data) } update(url, data) { return this.request("UPDATE", url, data) } detete(url, data) { return this.request("DELETE", url, data) } request(method, url, data) { return new Promise((resolve, reject) => { wx.request({ url: base_url+url, method:method, data:data, header: { "content-type": 'application/json'//默认值 }, success(res) { console.log(res.data);//打印返回的数据 resolve(res.data) }, fail(err) { reject(err) } }) }) } } module.exports = new Axios();//将其暴露出去 这里小程序的暴露方法和react用的export default有所不同,稍微记录一下。 然后新建文件夹,这里我命名为servies,专门用于存放发送请求的js文件,这里新建一个article.js文件,专门用于存放请求文章相关数据的请求 // 请求数据部分 const axios=require("../utils/axios")//引入axios module.exports={//将请求暴露出去 //获取首页文章信息 getHomeArticle(url,data){ return axios.get(url,{data:data}) } } 在pages下的index中的index.js引入 const {getHomeArticle} =require("../../servies/article.js"); 随后进行引用 onReady: function () { getHomeArticle(`/article/queryArticleListByNewTime2/FRONTEND/1/10/4`,{}); }, 测试的请求接口部分 [图片] 最后编译运行,在控制台可查看请求结果 [图片] 其实一开始封装完axios请求后测试请求数据时会出现请求地址不在request合法域名列表中,后来查看文档发现需要进行服务器域名的配置,但在小程序工具里找了好久没有发现服务器域名配置,就先采用了一个简单粗暴的方式: [图片] 这里在小程序开发工具点击详情部分,勾选如图所示选项 [图片] 但这并不是长久之计,之后还是需要去配置服务器域名,顺便想问下社区的大佬这个配置在哪里我好像一直都找不到😂
2021-11-12 - 小商店推广教程:手把手教你公众号推广微信小商店
微信小商店其实就是一个具有交易功能的小程序,所以所有适用于小程序的推广方法都可以用在小商店上,今天我们就来详细介绍下在公众号里如何推广自己的微信小商店。 获取小商店的AppID [图片] 在电脑用浏览器打开http://shop.weixin.qq.com,然后用微信扫码登录,依次点击-【店铺管理】-【基础信息】-复制AppID(小程序ID)。 公众号关联小商店 [图片] 左侧菜单中找到「小程序管理」点击打开设置界面,页面右上角点击添加按钮。 [图片] 选择第一个关联小程序,点击进入下一步。 [图片] 管理员扫码验证,进入下一步。 [图片] 在这里输入第一步中获取的小程序AppID。 [图片] 关联成功。 众号菜单配置跳转小商店 点击公众号左侧的自定义菜单按钮,进入编辑页面,如下图所示。 [图片] 其中在第三步选择小程序以后如下,此处还需要输入路径信息,路径信息可以查看如何快速获取微信小商店页面路径信息。 [图片] 另外备用网页从公众号图文消息中随便选取一个即可。全部设置完成以后保存发布即可。如果菜单没有立即生效,可以取消重新关注下公众号即可查看菜单展示效果。 图文消息中插入小商店页面 在公众号图文编辑页面,点击顶部的小程序菜单。 在打开的对话框中输入AppID,点击搜索按钮,确认进入下一步。 [图片] [图片] 输入路径信息,按需要设置好其他内容,确认即可。这样就可以在公众号图文消息中插入小商店页面啦。 [图片]
2021-11-03