微信小程序是微信推出的，运行在微信环境下的小应用，其扩充了微信的生态环境。对于用户而言：使用时不需要单独下载安装，十分便捷；对于服务提供者和开发者而言：相较于微信公众号，其可编程、可开发能力更强，更能给用户原生的体验，而且开发小程序与开发APP比起来，开发门槛，开发成本，技术难度也更低。基于以上优势，小程序已经十分普及了，各种类型的小程序都能找到，因为开发门槛低，不管是团队还是个人，都可以进行小程
转载
2023-12-11 10:30:45
73阅读
最近在做支付功能，微信支付准备工作之类的请参考官方说明，注意个人申请的测试号不支持，要申请企业号，还要商户号，开通支付权限，配置域名，JSSDK的权限问题，尽可能都开通吧！官方地址可参考这里：接入准备工作这里大概说一下前端要做的，项目先引入微信jssdk，安装依赖，npm install weixin-js-sdk --savemain.js引入，设置成全局属性，也可以设置成局部属性，那当前页引入
转载
2024-08-08 13:58:15
64阅读
对于中小型技术团队来说，为了打造一个移动端线上应用来实现一款APP的开发与维护成本是难以接受的，但传统的H5又会遇到各种性能问题与安全性问题，这时大家可能就会选择开发一款小程序进行平替，由于小程序均以超级APP（如微信、支付宝）作为载体，开发者可以根据开发者文档快速地开发小程序，并且能够方便、安全地使用超级APP提供的各种基础能力（如：支付、扫码、定位等），小程序应用本身天然拥有快速的加载能力、原
转载
2023-09-26 14:19:38
195阅读
以下将讲述微信小程序的开发流程 （前端部分）参考网址：https://mp.weixin.qq.com/ 1. 准备申请账号，获取 appId 与 appSecret；（团队开发时，自己未注册时也可以获取，可让账号管理员把自己拉入成员管理）下载开发者工具；通过开发者工具（可以选择模板）创建一个小程序项目；编译预览自己的小程序项目，熟悉开发者工具的界面功能（如下图）；研习微信小程序开发文档
转载
2023-07-27 17:23:13
248阅读
上一篇《微信开发学习总结（一）——微信开发环境搭建》我们已经完成了微信开发的准备工作，准备工作完成之后，就要开始步入正题了。一、微信公众平台的基本原理 在开始做之前，先简单介绍了微信公众平台的基本原理。 微信服务器就相当于一个转发服务器，终端（手机、Pad等）发起请求至微信服务器，微信服务器然后将请求转发给我们的应用服务器。应用服务器处理完毕后，将响应数据回发给微信服务器，微信服务器再将具
转载
2023-05-23 09:16:23
314阅读
小程序作为一种新兴地连接用户与服务的方式，相信大家都或多或少接触过。对于开发者来说，它是一种类似 Web 但又不同于 Web 的开发模式，它提供了一套自定义的 API 和文件组织方式，这无疑带给开发者一定的学习成本和维护成本，所以我们也在尝试能否提供一个方案来抹平这个差异。接下来就进入我今天要分享的话题：Kbone——微信小程序同构方案新思路。本次分享包括四个部分：背景、方案、应用和结语，首先我们
转载
2024-03-06 23:10:25
57阅读
一、引入sha1.js、jwexin1.6.0.js文件二、wx.config()配置wx.config({
debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
appId: '', // 必填，公众号的唯一标识
timestamp: , //
转载
2023-10-12 07:17:11
186阅读
一：需求满足公司在网页上达到直接微信扫码支付的需求二：API官方文档参考链接:https://pay.weixin.qq.com/wiki/doc/api/native.php?chapter=9_1三：微信支付的过程（用户-商家-微信服务器）四:代码实现实体类: 参考链接:https://pay.weixin.qq.com/wiki/doc/api/native.php?chapter=9_11
转载
2024-09-12 20:59:07
160阅读
前言 正文 标识符： 标识符是用来识别具体对象的一个名称。最常见的标识符就是变量名，以及函数名。 标识符有一套命名规则，不符合规则的就是非法标识符。JavaScript引擎遇到非法标识符，就会报错。
原创
2024-03-16 11:31:18
135阅读
web前端微信小程序1、基础部分讲解1.1 下载开发工具1.1.1 微信开发文档第一步进入开发文档： https://developers.weixin.qq.com/miniprogram/dev/framework/第二步打开工具下载微信开发者工具稳定版1.2 注册成为开发者微信公众平台https://mp.weixin.qq.com/，进行注册账号2、微信开发工具的了解2.1 小程序项目的主
转载
2024-01-29 03:21:23
52阅读
1、配置公众号的自定义菜单，如{
"button":[
{
"type":"view",
"name":"公众号",
"url":"http://xxx/consultList"
},
{
"type":"view",
"n
转载
2024-07-05 10:16:49
188阅读
准备工作:在微信开放平台注册开发者帐号，并拥有一个已审核通过的网站应用，并获得相应的AppID和AppSecret，申请微信登录且通过审核后，可开始接入流程。提交审核到通过大概需要一个礼拜的时间,通过后可以拿到AppId和AppSecret,有这两个就可以调用微信api换取微信用户信息了。 第一步：获得code第三方使用网站应用授权登录前请注意已获取相应网页授权作用域（scope=sns
转载
2024-01-16 16:03:10
112阅读
一、首先，微信有个微信开放平台，里边有微信扫码登录的文档，可以直接去那看文档，连接给你们放这https://developers.weixin.qq.com/doc/oplatform/Website_App/WeChat_Login/Wechat_Login.html；我是真不爱看这玩意，我就喜欢能实现效果的代码！二、然后。说我自己做到的东西，我是写的vue，也是网上查的资料，就是生成一个微信二
转载
2024-01-22 21:41:45
208阅读
目录 1 概述2 调试微信网页授权3 模拟JSSDK权限校验4 移动调试5 Chrome DevTools6 下载地址7 技术支持与反馈概述为帮助开发者更方便、更安全地开发和调试基于微信的网页，我们推出了 web 开发者工具。它是一个桌面应用，通过模拟微信客户端的表现，使得开发者可以使用这个工具方便地在 PC 或者 Mac 上进行开发和调试工作。立即下载体验你可以：使用自己的微信号来调试微信网页授
转载
2023-11-22 15:35:14
49阅读
如今微信已经成为日常生活中必不可缺少的一部分，微信用户到目前已经达到3个亿了吧！每个用户都或多或少的关注过一些公众账号，作为一名合格的前端，你怎么可以。闲话不多说了下面开始教大家微信开放平台。 先注册新浪云 二级域名写好，之后将用到。 接下来先上传你的代码包，必须打包为zip格式。 index.php 中的代码修改，代码中需要获取微信的AppId，在后文教大家获取，先埋个坑。<?php
转载
2023-09-04 10:28:47
62阅读
微信小程序基础功能及技术栈实现介绍番茄钟功能：
前端（Vant Weapp）：使用Vant Weapp提供的倒计时组件或者自己开发一个正计时的组件来实现计时功能，同时可以用它的列表、排行榜组件等来展示各科目的学习时间和学习时长排行。后端（PHP+ThinkPHP6）：ThinkPHP6作为一个功能强大的PHP框架，可以方便地处理学习时长的记录和排行榜的生成。将用户的学习时间记录在MySQL数
转载
2024-02-11 13:06:38
57阅读
地理位置接口新增说明由于精确地理位置接口只允许部分类目的小程序申请使用，为了满足开发者在更多场景使用地理位置接口，自 2022 年 7 月 14 日起，新增获取模糊地理位置接口（wx.getFuzzyLocation）。同时为保障用户合法权益，该接口调用前需进行准入开通申请，该接口准入规则与 wx.chooseLocation 一致。wx.getFuzzyLocat
转载
2023-12-04 15:07:04
171阅读
一、写在前面这里讲讲怎么实现微信授权登录，以及可能踩的坑。首先已经拿到了后端的登录注册接口。二、实现逻辑 小程序登录流程时序我们的前端逻辑是，先调登录接口，如果报错，证明该用户没有注册过，然后调注册接口。完成登录。登录的接口需要我们穿过去已经获取的token。 1、登录wx.login调用接口获取登录凭证（code）。通过凭证进而换取用户登录态信息，包括用户在当前小程序的唯一标
转载
2023-10-03 19:58:25
214阅读
上周公司安排了微信公众号支付开发任务，经过快一周的不断填坑，终于把支付搞定，现在把遇到的问题和开发步骤记录一下，方便遇到同样问题的老铁们节省一些时间，少入些坑，先说一下本文不包含的内容，因为这些并不难配置，网上也有很多讲解，先做一下声明：1.我做的是微信公众号支付，在微信内H5调起支付2.公众号支付申请也不讲3.公众号的授权路径这些在官网都有，不再讲：https://pay.weixin.qq.c
1.1 开发文档微信支付接口调用的整体思路：按API要求组装参数，以XML方式发送（POST）给微信支付接口（URL）,微信支付接口也是以XML方式给予响应。本次测试用到 ：统一下单”和”查询订单”两组API1.2 微信支付模式回顾 业务流程说明：1.商户后台系统根据用户选购的商品生成订单。
2.用户确认支付后调用微信支付【统一下单API】生成预支付交易；
3.微信支付系统收到请求后生成预支付交易
转载
2024-05-21 09:21:17
641阅读
