胖蒜 - 小程序
type: channel
link: https://pangsuan.com/tag/%E5%B0%8F%E7%A8%8B%E5%BA%8F/
items: 关于胖蒜小程序下架的通知
items: 网站通过微信小程序实现微信扫码登录功能
items: Typecho 微信小程序 weBlog（开源 + API接口文件）
items: 胖蒜网新版微信小程序发布
items: 微信小程序实现分享到朋友圈的功能
items: WeTypecho 小程序出现 cannot read property ‘toLowerCase’ of undefined
items: 胖蒜网微信公众号与微信小程序上线测试
items: 小程序：胖蒜网小程序重新上线
items: 微信小程序开发视频教程配套源代码
items: 微信小程序实现扫码登录网站

关于胖蒜小程序下架的通知
type: item
date: 2023-05-19T10:36:00+08:00
description: 今天我收到微信消息，我的胖蒜小程序因为用户投诉被下架了，投诉的原因是个人主体不能运行资讯-信息资讯类目。 对于这个我是很有意见的，微信审核团队可以去小程序看看，里面内容基本都是博客，个人写的东西，不涉及什么资讯，再说当初审核的时候就是这样的。 下架了就下架了吧，也没什么东西，我这个小程序一来是自己弄着玩的，因为typecho相关的微信小程序市面上就没有多少，还不好用，所以我就弄了一个，还开源了，见《Typecho 微信小程序 weBlog（开源 + API接口文件）》。另外一个用途就是为了演示TePass插件的微信社交登录，采用微信小程序的方式，个人主体就可以实现，还是挺方便的。 现在不知道被哪个王八蛋投诉，可能是嫉妒了吧，但是没关系，下架了就下架了吧，我也懒得去折腾了。 但是我觉得还是有必要提醒一下用微信小程序社交登录的各位，微信个人小程序也是可以使用的，但是微信审核是比较严格的，如果你的博客都是记录个人生活的，可能好些，如果是技术相关的，有可能因类目的问题而下架；另外就是个人主体的小程序比较难生存，如果想经营小程序还是得有公司主体。

网站通过微信小程序实现微信扫码登录功能
type: item
date: 2023-02-15T18:24:00+08:00
description: TePass插件有四种社交登录方式，分别是QQ，微博，GitHub，微信，其中微信扫码登录采用的是payjs的商户实现的，很方便，但是后来payjs不给个人开商户了，很多用户就用不了微信登录，最近我增加了通过微信小程序扫码登录。 体验网站地址：https://pangsuan.com/tepass/mp_login回忆以前的实现方法在很久之前我就实现了，应该是2019年，见文章《微信小程序实现扫码登录网站》，那个时候的逻辑是先扫码我的微信小程序，然后在菜单栏有个按钮，点击扫码，扫码另外一个二维码来实现。现在新的实现方法这次受网上一片文章的影响，采用了一个更简单的办法，点击网站微信登录的时候，页面出来小程序码，拿起手机扫码后，微信直接打开小程序界面，在界面就有一个授权登录按钮，点击授权登录，网站登录，这样一下子就顺畅多了，基本跟微信扫码登录差不多。为什么要使用微信小程序不用微信开放平台呢？微信小程序个人就可以申请，申请了就可以用，而微信开放平台扫码登录需要微信开放平台认证开发者（300元）才可以获得这个接口权限。演示视频 下载地址TePass插件：https://pangsuan.com/p/tepass.html 小程序端程序：https://gitee.com/mhcyong/mp_scan_login（需TePass1.4.3及以后版本。） 说明一下，小程序端只有一个扫码的功能，跟我视频演示的小程序不一样，视频里的是我把扫码功能加进了我的小程序，你也可以参考小程序端加到自己小程序里面。最后说明网站接入小程序扫码登录，需有网站后台服务端，也需要小程序端。网站后台服务端我已经集成在TePass插件（需TePass插件1.4.3及以后版本）里面，小程序端也开源了自己下载用即可。安装使用教程在下面付费阅读里面，因制作教程，调试代码花费了一些时间，所以设置个小小的打赏，顺便可以体验下TePass付费阅读插件，获取到TePass插件和小程序端代码后，配置及使用需要自己看教程琢磨，本站不提供免费协助（因为小程序端需先在电脑安装软件，然后修改一点代码，最后代码上传后还需要微信审核，比较费时间）。 最后，TePass插件含有微信小程序扫码功能的版本已放出，版本号TePass-1.4.3。

Typecho 微信小程序 weBlog（开源 + API接口文件）
type: item
date: 2022-01-12T10:58:00+08:00
description: 在去年年底的时候，我花了一天的时间开发了一款对接typecho博客的微信小程序，利用微信开发工具原生开发，很简单的几个页面，没想到有网友喜欢，所以打算开源分享出来。 你可以先扫码体验一下，很简单清新，喜欢再继续看下去。 一、Typecho微信小程序下载地址程序是开源的，里面包含了微信小程序代码和api接口文件，这里设置为一元钱付费阅读，目的是为了展示我的TePass付费阅读插件。二、使用方法1、去注册一个微信小程序，个人性质的小程序也可以，因为没有交互功能，就是几个简单的展示页面而已。 2、可以下载一个微信小程序开发工具，方便自己进行修改调整等等，源码上传到微信小程序管理界面也是需要这个开发工具的。 3、用微信开发工具打开下载好的程序，主要修改一下几个位置： 注意修改域名和秘钥。 4、将文件夹下面的api.php上传到网站跟目录，上传前先修改api.php文件里的这几个内容： 还有几个字段也注意修改，在content表里面，我增加了views和likes两个字段，那么你也需要增加，或者修改为你自己的；其次缩略图我用的是img，有的人用的是thumb，那么也需要修改，修改完了上传到网站根目录即可。 5、在根目录下有个app.json文件，里面有个网站名称，我写的是“胖蒜”，你根据自己需要修改一下。三、感谢感谢colorui提供漂亮的界面:https://github.com/weilanwl/ColorUI 感谢Typecho提供这么好用的博客系统：https://github.com/typecho/typecho 感谢Towxml提供的Markdown渲染：https://github.com/sbfkcel/towxml更新日志20220807：更名为weBlog，因为程序是虎年做的，当时随意取名为weTiger，那么明年，后年呢？

胖蒜网新版微信小程序发布
type: item
date: 2021-12-29T18:47:00+08:00
description: Typecho相关的小程序，找遍全网只有两个，一个是WeTypecho，我在《一步一步教你用 Typecho 搭建微信小程序》里有介绍，使用微信小程序开发工具，原生开发，我之前就是用的这个版本；另外一个是Pisces-Mini-Program，通过uniapp开发的，与Typecho连接的接口插件就是拿前面一个改的。 我比较喜欢简单点的，所以选择了原生的那套程序，但是很久没更新了，虽说简单，但功能还是蛮多的，所以我不喜欢！！ 趁着这两天有时间，我就自己写了一个原生的微信小程序，与Typecho的接口就是一个PHP文件而已，不需要弄成插件那么麻烦。 从图中可以看到，很简单，只有三个页面：首页，文章详情页和关于页面。通过一个接口实现了与typecho博客数据的同步。 目前还比较简单，甚至说是简陋，因为样式都是手写的，后面有时间再来慢慢美化。 最后就是放一下小程序的二维码。 补充： 2021年12月30日，昨天做的都是手写的界面，太丑了，今天采用colorui框架，用起来简单，小程序也漂亮多了。 colorui框架：https://gitee.com/github_mirror_image/ColorUI 微信小程序暂时就这么多了，主要觉得单独一个网站太孤单了，公众号和小程序也得配上，有什么作用先不谈，至少得有吧！

微信小程序实现分享到朋友圈的功能
type: item
date: 2021-03-29T13:23:00+08:00
description: 最近在改微信小程序，发现这个分享到朋友圈功能挺好用的，以前是没有这个功能，那么应该怎么实现呢？ 效果不错吧，如果有缩略图的话，分享后还会带一张图片，直接上代码吧。 /** * 用户点击右上角分享 */ onShareAppMessage: function () { return { title: this.data.detail.title.rendered, path: '/pages/detail/detail?id=' + this.data.detail.id, imageUrl: this.data.detail.meta.thumbnail } }, /** * 用户点击右上角分享至朋友圈 */ onShareTimeline: function () { return { title: this.data.detail.title.rendered, imageUrl: this.data.detail.meta.thumbnail } },我这里是利用原生工具开发的，放在对应页面的js文件里面，把title，path,imageUrl后面的值改为你自己的即可。 最后说明一下，分享到朋友圈的功能需从基础库 2.11.3 开始，低于这个版本就还没加入这个功能。 下面是我的小程序，去体验一下吧~

WeTypecho 小程序出现 cannot read property ‘toLowerCase’ of undefined
type: item
date: 2021-03-25T21:12:00+08:00
description: 最近在给我的胖蒜网小程序改点东西，我的小程序是用的WeTypecho进行改版的，编译都没有问题，预览或上传的适合就出现了Error: app.wxss: Cannot read property 'toLowerCase' of undefined，就是说更新不了，在微信开放社区搜索了一下也没找到原因。 百度上搜了一下，发现有不少人出现这个问题，但是都在问，没有找到原因，没办法只能自己来排查了... 首页，我将软件退回到之前的版本，重新预览上传，都正常了，难道是开发软件的问题？ 我的微信开发工具是Stable版本，可能性不大，就算是我也没办法催更... 然后，我看提示，错误是在app.wxss这个文件，那就重点排查这个文件，写一下我的排查步骤。 一、全部删除app.wxss文件的内容，编译、预览，发现除了样式有问题，其它都正常了，那么基本确定了，问题就出在这个文件。 二、接着就开始定位，具体那个地方出问题，删除前二分之一样式代码，编译、预览，也正常；恢复后删除前四分之一代码，同样的错误出现了，错误的位置基本就定下来了，最后将错误代码定位到下图位置： 三、去掉上图那个不需要的样式，重新编译、预览、上传，一切都正常。 最后，我也放上我的微信小程序吧。

胖蒜网微信公众号与微信小程序上线测试
type: item
date: 2020-12-12T21:56:00+08:00
description: 自媒体已经火了好多好多年了，我没有赶上，现在只是想试着玩玩看。 目前上线的是微信的公众号，个人性质的订阅号和微信小程序，也是个人性质的。 微信公众号与小程序的名称都是【胖蒜网】，走过路过的麻烦关注点个赞，谢谢各路英雄。 说明一下1、小程序使用的是这个：https://github.com/MingliangLu/WeTypecho ，已经很老了，后面有时间再慢慢完善一下。 2、小程序对应的Typecho插件，修改了很多，为了适配我的网站。

小程序：胖蒜网小程序重新上线
type: item
date: 2020-10-10T16:26:00+08:00
description: 小程序，对于个人主体来说就是一个鸡肋，甚至更差，很早的时候，一两年前，我就开通了小程序并已经获得了流量主，后来一直觉得没意思，就放着了...为什么说是鸡肋呢？因为个人主体很多东西做不了，审核通过不了，有些名字想好了都不能用，没有去摸索一下，想简简单单一次性上线，基本不可能。之前的小程序我之前的一款小程序，还是不错的，虽说是个人主体，但是通过一些技巧，还是做的可以。后台的数据接口用的是Typecho的一款插件，小程序端用那款对应的插件改的，改的非常多，都实现了小程序扫码登录网站。 但是后来因为网站备案被腾讯误操作给取消了，虽说事后补偿了钱，但是觉得没意思，就不玩了。现在的小程序现在的这款，我直接用现成的，基本没改，后台用的WordPress，因为它的生态更大，好的插件，主题太多了，用的插件是Mini Program API 插件。小程序端也是用它现成的小程序，修改了一下网站域名和AppID，上传即可。 在上传的时候，第一次审核是驳回的，因为评论的问题，我将评论设为人工审核，再提交很快就通过了。 现在只是想做一个展示页而已，觉得这样就够了。最后放上小程序码安利这款小程序插件WordPress的这款小程序插件还是很好用的，不仅有微信小程序，还有QQ，百度，头条等，但是我觉得还是微信成熟一些，用这个就够了，毕竟对个人来说，都是鸡肋。 由丸子小程序团队基于 WordPress REST 创建小程序应用 API 数据接口，实现 WordPress 连接小程序应用数据。 https://www.imahui.com/about.html

微信小程序开发视频教程配套源代码
type: item
date: 2019-10-12T12:23:00+08:00
description: 此源代码为视频 DevOpenClub 出品的免费视频教程配套源代码。视频版权为 DevOpenClub 所有。优酷播单地址：https://list.youku.com/albumlist/show/id_29397686 Youtube 播单：https://www.youtube.com/playlist?list=PLXbU-2B80FvA5bNILAS8-zY3_KkE-PVn0 微信小程序开发视频课程大纲001-微信小程序基本概念002-tabbar的设置与相关属性003-注册程序及程序生命周期004-页面注册及页面生命周期005-模块化006-微信小程序中的数据绑定与条件渲染007-微信小程序中的列表渲染与模板008-微信小程序中的事件009-微信小程序中的引用010-微信小程序中的样式011-微信小程序中的网络请求与列表绑定012-微信小程序项目实战之项目介绍与初始化013-微信小程序项目实战之用户登录模块布局014-微信小程序项目实战之用户登录网络请求015-微信小程序项目实战之登录页面跳转016-微信小程序项目实战之检测API的TLS以及IPv6兼容性017-微信小程序项目实战之地图的基本概念与组件使用示例018-小程序中的Flex布局019-微信小程序中的用户登录以及获取用户基本信息020-微信小程序实战开发前置知识点梳理021-个人中心页面布局开发（一）022-个人中心页面布局开发（二）023-个人中心页面布局开发（三）024-个人中心用户微信登录逻辑（一）025-个人中心用户微信登录逻辑（二）026-个人中心用户微信登录、openid 获取、后台绑定代码实战027-新闻列表页面的布局开发（一）028-新闻列表页面的布局开发（二）029-列表页面请求数据源 API 以及小程序网络请求详解030-列表页面数据请求与绑定（一）031-列表页面数据请求与绑定（二）032-带参数跳转详情页033-新闻详情页面的布局开发034-新闻详情的数据绑定（一）035-新闻详情的数据绑定（二）036-新闻收藏功能的开发037-微信小程序的优化原则以及常见方案038-实战微信小程序的上传039-微信小程序的审核与上架040-课程总结与其他资源分享041-开发平台新功能「云开发」快速上手体验042-开发平台「云开发」数据库功能实战043-在小程序开发中使用 npm044-WePY 框架实战045-WePY 代码高亮046-WePY 代码模式与组件化开发047-使用 WePY 加载外部 npm 包048-WePY 的编译原理与优化049-WePY 的文件配置详解050-WePY 的脚本051-开发平台「云开发」图片上传功能实战052-开发平台「云开发」之云函数功能实战053-开发平台「云开发」之登录全功能实战054-小程序发布前的云测试功能实战055-腾讯官方微信小程序代码托管工具实战056-微信小程序开发助手介绍057-微信小程序调试之基本调试技巧058-微信小程序调试之 vConsole 的使用实战059-微信小程序运行环境与平台差异060-课程大总结与所有课程资料分享观看地址官网地址：https://devopen.club/course/wxminiappGitHub地址：https://github.com/ParryQiu/wxopenclub-wxapp-lessons

微信小程序实现扫码登录网站
type: item
date: 2019-07-20T11:31:00+08:00
description: 本文主要讲解通过微信小程序实现扫码登录网站的功能，首先你可以访问这个网站体验一下效果。体验网站地址：https://pangsuan.com/tepass/mp_login 注意：这里是需要先扫码打开微信小程序，然后在小程序里面有个扫码登录的按钮，再去扫描右侧的二维码实现登录。实现原理1、打开网站生成一个带参数的二维码；2、打开微信小程序后扫描刚生成的二维码；3、小程序将该微信用户的openID，二维码上的参数发送到后台，此时后台如果没有该用户就创建用户，并更新openID和参数，有用户信息直接更新二维码上的参数即可。4、打开的网站页面去轮询后台数据，看是否有更新的二维码。5、如果有二维码的参数在后台数据中，就登录成功。6、如果到了一定时间还没有轮询到数据，就结束轮询，提示用户重新操作。微信小程序端在页面或者菜单栏增加一个按钮，bindtap里面绑定维修扫码，去扫描网站给出的二维码，获取相关参数。 scan: function () { wx.scanCode({ success: (res) => { console.log(res) } else { } } })扫码后将二维码参数和自己的微信openID提交到后台去。网站后台实现原理首先我们生成一个带参数的二维码，这样微信扫码的时候就可以获取到这个参数，用户通过小程序扫码成功后，会发送用户的openID和二维码上的参数给后台，后台接收到数据后根据openID判断是否有该用户，如果有就更新参数即可，如果没有，可以创建一个新用户，并更新参数。在网站的扫码页面，可以做一个轮询，去检查数据库是否有网站生成的二维码上的参数，如果有就表示用户扫码成功，网站也跳到登录成功的状态，如果没有到一定时间后结束轮询，提示二维码过期。