微信开发
文章平均质量分 66
Posden
唯天下之至拙能胜天下之至巧。曾国藩表示,我没说过这句话
展开
-
微信小程序扫码实现web自动登录
清明假期在家无聊,写了一个微信小程序扫码,web登录的demo技术栈前端:vue2+vue-socket.io+uuid,微信小程序原生+weapp.socket.io后端: eggjs+redis+socket.io+qr-image细分说明web端流程打开登录页面请求获取二维码客户端先生成一个唯一值uuid, 携带uuid请求服务端,服务端并将uuid作为key,值为空,一个过期时间,存进redis中服务端利用uuid,作为qr-image的option,生成二维码(微信小程序扫码原创 2021-04-06 23:38:15 · 2048 阅读 · 0 评论 -
微信小程序项目如何在vsCode上利用scss有效开发
安装插件SassLive Sass Compiler 编译已下插件让vscode支持微信小程序vscode weapp api,这是小程序的语法结构apivscode wxml这个插件,主要是针对wxml文件的Easy WXLESS,是针对wxss文件的vscode-wechat重启用vscode打开小程序项目配置项{ "files.associations": { "*.wxml": "html", "*.wxss": "css"原创 2021-04-02 16:35:48 · 778 阅读 · 0 评论 -
微信小程序项目小结
项目做一个阶段性总结吧如果有更好的方案,欢迎交流一、登入模块一般情况下,用户权限消息会在app.js请求App({ onLaunch() { // 获取code 获取openid 再查询个人信息 }})但是我们app.js接口请求时,异步,页面与小程序生命周期执行顺序是不受控制的。尤其当你的首页部分数据是需要个人权限信息来渲染的。小程序新建项目的时候,官方有个解决方案是回调。但是如果微信小程序第一次首页跳转就是index页面时,是没有问题的。可你分享其他页面的时候(还是权原创 2021-03-24 15:59:44 · 397 阅读 · 0 评论 -
微信小程序订阅功能实现 前后端
微信小程序订阅消息文档地址 链接官网文档永远是第一手资料步骤一:获取模板 ID地址步骤二:获取下发权限开发工具不能唤起,真机调试以一次性订阅为例这里我用按钮来实现的,自己根据实际项目修改页面效果前端代码home.js authMessageTpl() { wx.requestSubscribeMessage({ tmplIds: ['模板id'], success(res) { if (res['模板id'] === 'accep原创 2021-01-26 13:47:51 · 1106 阅读 · 2 评论 -
微信小程序登入前后端 后端springboot
初衷公司要入小程序的坑,好久没写微信小程序,重新梳理一下登入逻辑。正好自己最近在看springBoot,所以也算一个前后端的小Demo,也算个人阶段性质的检验吧。只是个人方案,不是标准。如果有问题,欢迎指正。技术站前端微信原生后端springboot + mysql + MP + jwt设计表前端缓存数据,都是假象。所以isAuth来判断数据是否需求分析验证是否有token存在此时调用接口获取用户信息,看是否已授权用户信息 isAuth未授权跳到授权页面。按钮授权,获原创 2021-01-21 15:41:46 · 1173 阅读 · 0 评论 -
小程序 关于组件那回事
从小程序基础库版本 1.6.3 开始,小程序支持简洁的组件化编程。所有自定义组件相关特性都需要基础库版本 1.6.3 或更高。感觉有了组件,template 要没落了,个人感觉。创建组件你可以在微信开发者上指定位置,可以右击新建component,注意一下,因为里面结构与page不同。my-component.xml<view> <view>我是默认标题&l...原创 2019-12-18 10:03:11 · 111 阅读 · 0 评论 -
小程序 事件捕获与事件冒泡
JS 中事件捕获与事件冒泡W3C规定:把DOM事件分为两个阶段,事件捕获阶段和事件冒泡阶段,例如:当页面某一个元素被点击,首先是事件捕获阶段,window最先接收事件,然后一节一节往下捕获,最后由具体元素接收,然后再由具体元素一节一节往上,最后window会再次接收事件,以下为DOM事件流示意图:如果不好理解,可以这样想事件:某家遭贼了(事件发生),警察叔叔要进某家的院子,进房间,抓捕(捕获...原创 2019-12-17 15:39:46 · 300 阅读 · 0 评论 -
小程序 请求接口封装 await async
项目实践中,异步请求,真的是个头疼的事情。比如 取不到数据,回调地狱,哪怕在小程序的自己的生命周期中也会出现问题。util.jsexport const request = (params) => { const baseUrl = "https://xxxxxx/api" return new Promise((resolve,reject)=>{ wx.requ...原创 2019-12-08 23:06:08 · 516 阅读 · 0 评论 -
小程序 + vant 购物车爬坑
案例页面cart 是主页面, cart-item 是template案例实现单个商品的选择,删除,每个产品数量的增减,全选按钮的与单选按钮的关联。价格的实时更新;产品item抽离一个template。注意点1.点击事件绑定参数,跟vue react都不一样 ;2.绑定参数 data-xxx ; event对象3.小程序template 只做页面布局,跟组件不一样。小程序tem...原创 2019-12-06 18:18:25 · 1202 阅读 · 5 评论 -
微信小程序 + node.js https配置与授权登入
node.js框架npm i express-generatorpackage.json{ "name": "min-serve", "version": "0.0.0", "private": true, "scripts": { "start": "node ./bin/www" }, "dependencies": { "cookie-pars...原创 2019-09-24 21:35:45 · 1245 阅读 · 0 评论 -
微信公众号开发 + node.js服务器部署(三)
接上篇js-sdk,模拟了语音功能。有些api可能移除,只是将枯燥的文本整理成初步代码。官网app.get('/search', async (req, res) => { // 生成js-sdk的签名 //1.组合参与签名的四个参数,jsapi_ticket,noncestr(随机字符串),timestamp,url //中间件没有next con...原创 2019-04-18 23:37:41 · 321 阅读 · 0 评论 -
微信公众号开发 + node.js服务器部署(二)
上篇写到自己自动回复信息。其他的类型可以看开发文档,自己封装两种方法。一个是用户发给公众号的信息,另一个是公众号返回给客户。但一遍大多数,就是扫面关注之后,自动欢迎语句,或者输入数字,或者简短文字;公众号返回文本。七.自定义菜单menu.js/** * 自定义菜单 */module.exports = { "button":[ { "type"...原创 2019-04-16 17:13:31 · 273 阅读 · 0 评论 -
微信公众号开发 + node.js服务器部署(一)
一.申请微信公众号账号;官网网址二.开发文档;网址三.接口测试号申请并测试连接url:要被外网访问,本地服务器,搭建ngrok 即可。当然有钱的话,可以买一个;ngrok每次运行都不一样。指令 ngrok http 端口号。内网穿透,有时效性。token:微信消息加密的参数测试是否连接,有什么参数配置本地服务器index.js// 引入express模块const expres...原创 2019-04-14 20:29:22 · 1161 阅读 · 0 评论