微信小程序原生开发知识
一、介绍
微信小程序是基于微信平台的程序,其体积小,涵盖的内容有限,但是相较于APP,可以免于下载,只需一次扫码即可,也不会占用手机内存,其开发也成了前端人员必须掌握的技能之一。
二、小程序的注册
要开发小程序,首先需要在微信公众平台注册小程序,需要填写个人主体或企业主体的信息。其中,企业主体可使用的小程 ...
微信公众号开发总结
受域名等因素的影响,在开发过程中,我们一般不采用注册的公众号来部署测试,而是采用公众平台测试号
公众平台测试号访问地址
在测试号页面中,我们需要获取或操作一下几个相关的配置
查看测试号的 APPID 和 APPSECRET
给该测试号设置自定义菜单
修改授权回调页面域名(测试号可以采用 ip 地址加端口号)
扫描测试号二维码 ...
支付宝小程序开发中遇到的问题及解决过程
业务需求
使用支付宝小程序获取用户手机号
遇到的问题
- 和 js/java 对接接口时,遇到 php 端拿不到 POST 的数据问题
- mcrypt_decrypt() 函数的坑,解决了, 关键词 PHPAES 密钥
- 支付宝小程序:后端解密测试
- 解密成功之后得到的明文是:ISV权限不足,建议在开发者中心检查对应功能是否已经添加,解决办法详见:https: ...
微信小程序开发完整流程
1. 注册小程序账号
1. 打开微信公众平台,找到注册入口
2.选择账号类型: 小程序
3. 填写注册信息-激活
4. 获取AppID,查看位置(小程序后台->开发)
2. 下载微信小程序开发工具
下载地址
如果想要使用VSCode编写小程序的代码,需要安装“小程序助手”插件
3. 开发流程
1. 目录结构
.wxml - weixin Ma ...
逆战:微信小程序开发(二)
一、常用组件
在上一个章节中讲解了封装请求数据的模块,在此处请求轮播图的数据
1.首页轮播图数据的请求以及渲染
1.1 轮播图数据的请求 pages/home/home.js
import { request } from './../../utils/index.js'
Page({
/**
* 页面的初始数据
*/
data: {
bannerlist: []
},
/**
* 生命周期函数--监听 ...
微信公众号开发基本流程
微信公众平台官网:https://mp.weixin.qq.com文章目录一、注册公众号二、了解公众号管理页面三、必备开发者工具的使用1.开发者文档2.在线接口调试工具3.web开发者工具4.公众平台测试账号四、细读开发者文档五、开发流程重点解析1.开发环境准备2.服务器基本配置3.存取access_token参数4.公众号消息管理5.获取openi ...
基于mpvue+vant开发微信小程序
1.小程序注册
进入微信公众平台 https://mp.weixin.qq.com/
找一个邮箱注册一个小程序,流程参考。一个邮箱只能注册一个小程序
参考:https://jingyan.baidu.com/article/8275fc865a14c346a03cf6e2.html
2.开发工具下载&安装
node下载安装
vsocode下载安装 https://code.visualstudio.com/
微信小程序工具
https: ...
微信小程序开发技巧总结(二) -- 文件的选取、移动、上传和下载
微信小程序开发技巧总结(二) -- 文件的选取、移动、上传和下载
文档更新 EXTEND
小程序使用 Promise.all 完成文件异步上传
1.不同类型文件的选取
1.1 常用的图片 视频
对于大部分开发者来说,需要上传的文件形式主要为图片,微信为此提供了接口。
wx.chooseImage({
count: 1,
sizeType: ['original', 'compres ...
微信小程序入门笔记-使用云开发(4)
1、云数据库
一、介绍
云开发提供了一个 JSON 数据库,顾名思义,数据库中的每条记录都是一个 JSON 格式的对象。一个数据库可以有多个集合(相当于关系型数据中的表),集合可看做一个 JSON 数组,数组中的每个对象就是一条记录,记录的格式是 JSON 对象。
关系型数据库和 JSON 数据库的概念对应关系如下表:
关系型文档 ...
安卓记事本小程序开发
这几天用自己目前掌握的安卓开发知识制作了一个记事本小程序,在这里分享一下开发流程,希望可以帮到和我一样的初学者。
开发工具为Android studio,后台语言为java,使用的数据库为安卓的SQLite数据库,功能及效果图如下:
主界面,长按可删除:
点击加号添加:
主页面点击查看 ...
微信公众号开发之群发消息预览接口(十五)
预览接口【订阅号与服务号认证后均可用】
开发者可通过该接口发送消息给指定用户,在手机端查看消息的样式和排版。为了满足第三方平台开发者的需求,在保留对openID预览能力的同时,增加了对指定微信号发送预览的能力,但该能力每日调用次数有限制(100次),请勿滥用。
接口调用请求说明
http请求方式: POST https://api.w ...
微信公众号开发之根据OpenID列表群发(十四)
上一篇我们讲述了《微信公众号开发之根据标签进行群发(十二)》,这次我们讲解一下【根据OpenID列表群发】
根据OpenID列表群发【订阅号不可用,服务号认证后可用】
接口调用请求说明
http请求方式: POST https://api.weixin.qq.com/cgi-bin/message/mass/send?access_token=ACCESS_TOKEN
POST数据说明
POST数据示例如下 ...
微信公众号开发之根据标签进行群发(十三)
上一篇我们讲解了如何上传我们需要的图文素材,这一篇我们讲解如何群发我们已经上传的素材,今天我们主要讲解根据标签进行群发
根据标签进行群发【订阅号与服务号认证后均可用】
接口调用请求说明
http请求方式: POST https://api.weixin.qq.com/cgi-bin/message/mass/sendall?access_token=ACCESS_TOKEN
POST数据说明
PO ...
微信公众号开发之上传图文消息素材(十二)
群发消息太重要了,公众号管理员需要定期通过公众号群发一些消息,用户通过推送的消息可以定期了解公众号的最新信息。
群发图文消息的过程如下:
首先,预先将图文消息中需要用到的图片,使用上传图文消息内图片接口,上传成功并获得图片 URL;
上传图文消息素材,需要用到图片时,请使用上一步获取的图片 URL;
使用对用 ...
微信公众号开发之回复图文消息(十一)
有时候我们希望用户点击我们的菜单时候,微信公众号给他回复我们自定义的图文消息,先看开发文档接口
回复图文消息
<xml>
<ToUserName><![CDATA[toUser]]></ToUserName>
<FromUserName><![CDATA[fromUser]]></FromUserName>
<CreateTime>12345678</CreateTime>
<MsgType><![CDATA[news]]></MsgType>
<ArticleCou ...
微信公众号开发之新增永久图文素材(十)
一、上传图文消息内的图片获取URL
本接口所上传的图片不占用公众号的素材库中图片数量的100000个的限制。图片仅支持jpg/png格式,大小必须在1MB以下。
接口调用请求说明
http请求方式: POST,https协议 https://api.weixin.qq.com/cgi-bin/media/uploadimg?access_token=ACCESS_TOKEN 调用示例(使用curl命令,用FORM表单方 ...
微信公众号开发之新增永久其他(图片、声音、视频)素材(九)
对于常用的素材,开发者可通过本接口上传到微信服务器,永久使用。新增的永久素材也可以在公众平台官网素材管理模块中查询管理。
请注意:
1、最近更新:永久图片素材新增后,将带有URL返回给开发者,开发者可以在腾讯系域名内使用(腾讯系域名外使用,图片将被屏蔽)。
2、公众号的素材库保存总数量有上限:图文消息素材、 ...
微信公众号开发之新增临时素材(八)
一、新增临时素材
公众号经常有需要用到一些临时性的多媒体素材的场景,例如在使用接口特别是发送消息时,对多媒体文件、多媒体消息的获取和调用等操作,是通过media_id来进行的。素材管理接口对所有认证的订阅号和服务号开放。通过本接口,公众号可以新增临时素材(即上传临时多媒体文件)。
注意点:
1、临时素材media_id ...
微信公众号开发之微信公众号授权登录(七)
如果用户在微信客户端中访问第三方网页,公众号可以通过微信网页授权机制,来获取用户基本信息,进而实现业务逻辑。
1 第一步:用户同意授权,获取code
2 第二步:通过code换取网页授权access_token
3 第三步:刷新access_token(如果需要)
4 第四步:拉取用户信息(需scope为 snsapi_userinfo)
5 附:检验授权凭证(access ...
微信公众号开发之获取用户列表和用户基本信息(五)
一、获取用户列表
公众号可通过本接口来获取帐号的关注者列表,关注者列表由一串OpenID(加密后的微信号,每个用户对每个公众号的OpenID是唯一的)组成。一次拉取调用最多拉取10000个关注者的OpenID,可以通过多次拉取的方式来满足需求。
接口调用请求说明
http请求方式: GET(请使用https协议)
https://api.weixin.qq.co ...