【微信小程序开发零基础入门】——微信小程序入门

已于 2024-01-07 12:39:14 修改
阅读量1.9k 收藏 14
点赞数 2
分类专栏： 程序员 渗透测试 文章标签： 微信小程序 notepad++ 小程序
于 2023-07-10 10:44:26 首次发布
原文链接：https://blog.csdn.net/gyufan/article/details/130498563?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522170246436116800184170870%2522%252C%2522scm%2522%253A%252220140713.130102334..%2522%257D&request_id=170246436116800184170870&biz_id=0&utm_medium=
版权

微信小程序入门

  • 一、小程序介绍
    • 1.1.什么是小程序？
    • 1.2. 微信⼩程序历史
    • 1.3.小程序可以干什么？
    • 1.4.疯狂的微信⼩程序
    • 1.5. 还有其他的⼩程序 不容忽视
    • 1.6. 官⽅微信⼩程序体验
  • 二、小程序开发资料
  • 三、第⼀个微信⼩程序
  • 四、开发小程序储备知识
  • 五、小程序特点
  • 六、wxml 语法
  • 七、小程序 API
  • 八、小程序特点
  • 九、小程序支付流程

一、小程序介绍

1.1.什么是小程序？

  1. 2017 年度百度百科十大热词之一
  2. 微信小程序，简称小程序，英文名 Mini Program，是一种不需要下载安装即可使用的应用
    ( 张小龙对其的定义是无需安装，用完即走，实际上是需要安装的，只不过小程序的体积特
    别小， 下载速度很快，用户感觉不到下载的过程 )
  3. 小程序刚发布的时候要求压缩包的体积不能大于 1M,，否则无法通过，在 2017 年 4 月做 了改进，由原来的 1M 提升到 2M；
  4. 2017 年 1 月 9 日 0 点，万众瞩目的微信第一批小程序正式低调上线。

1.2. 微信⼩程序历史

（1）2016年1⽉11⽇，微信之⽗张⼩⻰时隔多年的公开亮相，解读了微信的四⼤价值观。张⼩⻰指出，
越来越多产品通过公众号来做，因为这⾥开发、获取⽤⼾和传播成本更低。拆分出来的服务号并没
有提供更好的服务，所以微信内部正在研究新的形态，叫「微信⼩程序」 需要注意的是，之前是叫
做 应⽤号
（2）2016年9⽉21⽇，微信⼩程序正式开启内测。在微信⽣态下，触⼿可及、⽤完即⾛的微信⼩程序引
起⼴泛关注。腾讯云正式上线微信⼩程序解决⽅案，提供⼩程序在云端服务器的技术⽅案。
（3）2017年1⽉9⽇，微信推出的“⼩程序”正式上线。“⼩程序”是⼀种⽆需安装，即可使⽤的⼿
机“应⽤”。不需要像往常⼀样下载App，⽤⼾在微信中“⽤完即⾛”。

1.3.小程序可以干什么？

  1. 同 App 进行互补，提供同 app 类型的功能，比 app 使用方便简洁
  2. 通过扫一扫或者在微信搜索即可下载
  3. 用户使用频率不高，但又不得不用的功能软件，目前看来小程序是首选
  4. 连接线上线下
  5. 开发门槛低， 成本低

1.4.疯狂的微信⼩程序

  1. 微信⽉活已经达到10.82亿。其中55岁以上的⽤⼾也达到6300万
  2. 信息传达数达到450亿，较去年增⻓18%;视频通话4.1亿次,增⻓100%
  3. ⼩程序覆盖超过200+⾏业，交易额增⻓超过6倍，服务1000亿+⼈次,创造出了5000亿+的商业价值

1.5. 还有其他的⼩程序 不容忽视

  1. ⽀付宝⼩程序
  2. 百度⼩程序
  3. QQ⼩程序
  4. 今⽇头条 + 抖⾳⼩程序

1.6. 官⽅微信⼩程序体验

在这里插入图片描述

二、小程序开发资料

开发微信⼩程序之前，必须要准备好相应的环境
2.1. 相关资料

  1. 官网
    https://mp.weixin.qq.com/
  2. 微信开发工具
    3.下载地址
    https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=2018315

2.2. 注册小程序账号

  1. 有账号
    在这里插入图片描述
  2. 无账号
    建议使用全新的邮箱，没有注册过其他小程序或者公众号的。
    访问注册⻚⾯，耐⼼完成注册即可。
    在这里插入图片描述
    2.3. 获取APPID

由于后期调⽤微信⼩程序的接⼝等功能，需要索取开发者的⼩程序中的 APPID ，所以在注册成功后， 可登录，然后获取APPID。
登录，成功后可看到如下界⾯ 然后复制你的APPID,悄悄的保存起来，不要给别⼈看到😄。

在这里插入图片描述
在这里插入图片描述
2.4. 开发⼯具
官网下载或者用我提供的也可以：
链接：https://pan.baidu.com/s/1mFyzXvDvunL0zrpo_-uViQ
提取码：26jx
在这里插入图片描述
微信⼩程序⾃带开发者⼯具，集 开发 预览 调试 发布 于⼀⾝的 完整环境。
但是由于编码的体验不算好，因此 建议使⽤ vs code + 微信小程序编辑工具 来实现编码
vs code 负责敲代码， 微信编辑工具 负责预览

三、第⼀个微信⼩程序

3.1. 打开微信开发者⼯具
注意 第⼀次登录的时候 需要扫码登录
在这里插入图片描述
3.2. 新建⼩程序项⽬
在这里插入图片描述
3.3. 填写项⽬信息
在这里插入图片描述
3.4. 成功
在这里插入图片描述
3.5.微信开发者⼯具介绍
详细的使⽤，可以查看官⽹
在这里插入图片描述

四、开发小程序储备知识

4.1. Flex 布局简介
4.1.1. 什么是 flex 布局？

  1. Flex 是 Flexible Box 的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。
  2. 任何一个容器都可以指定为
    Flex 布局。
  3. display: ‘flex’

在这里插入图片描述
4.1.2.flex 属性

1) flex-direction:
row（默认值）：主轴为水平方向，起点在左端。
row-reverse：主轴为水平方向，起点在右端。
column：主轴为垂直方向，起点在上沿。
column-reverse：主轴为垂直方向，起点在下沿。

4.1.3. 学习地址：
学习地址
http://www.runoob.com/w3cnote/flex-grammar.html

4.2. 移动端相关知识
4.2.1. 物理像素

  1. 屏幕的分辨率
  2. 设备能控制显示的最小单元，可以把物理像素看成是对应的像素点

4.2.2. 设备独立像素 & css 像素

设备独立像素(也叫密度无关像素)，可以认为是计算机坐标系统中的一个点，这个点代
表一个可以由程序使用并控制的虚拟像素(比如：CSS 像素,只是在 android 机中 CSS 像素就
不叫”CSS 像素”了而是叫”设备独立像素”)，然后由相关系统转换为物理像素

4.2.3. dpr 比 & DPI & PPI

  1. dpr: 设备像素比，物理像素/设备独立像素 = dpr， 一般以 Iphon6 的 dpr 为准 dpr =2
  2. PPI: 一英寸显示屏上的像素点个数
  3. DPI：最早指的是打印机在单位面积上打印的墨点数，墨点越多越清晰

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
4.3. 移动端适配方案

4.3.1. viewport 适配

  1. 为什么做 viewport 适配 a) 手机厂商在生产手机的时候大部分手机默认页面宽度为 980px b) 手机实际视口宽度都要小于 980px，如: iphone6 为 375px c) 开发需求： 需要将 980 的页面完全显示在手机屏幕上且没有滚动条
  1. 实现：
<meta name="viewport" content="width=device-width,initial-scale=1.0">

4.3.2. rem 适配

  1. 为什么做 rem 适配
    a) 机型太多，不同的机型屏幕大小不一样
    b) 需求： 一套设计稿的内容在不同的机型上呈现的效果一致，根据屏幕大小不 同的变化，页面中的内容也相应变化
  1. 实现：
function remRefresh() {
let clientWidth = document.documentElement.clientWidth;
// 将屏幕等分 10 份
let rem = clientWidth / 10;
document.documentElement.style.fontSize = rem + 'px';
document.body.style.fontSize = '12px';
}
window.addEventListener('pageshow', () => {
remRefresh()
})
// 函数防抖
let timeoutId;
window.addEventListener('resize', () => {
timeoutId && clearTimeout(timeoutId);
timeoutId = setTimeout(() =>{
remRefresh()
}, 300)
})
  1. 第三方库实现
lib-flexible + px2rem-loader

五、小程序特点

5.1. 小程序特点概述

  1. 没有 DOM
  2. 组件化开发： 具备特定功能效果的代码集合
  3. 体积小，单个压缩包体积不能大于 2M，否则无法上线
  4. 小程序的四个重要的文件
a) *.js
b) *.wxml ---> view 结构 ----> html
c) *.wxss ---> view 样式 -----> css
d) *. json ----> view 数据 -----> json 文件
  1. 小程序适配方案: rpx (responsive pixel 响应式像素单位)
a) 小程序适配单位： rpx
b) 规定任何屏幕下宽度为 750rpx
c) 小程序会根据屏幕的宽度不同自动计算 rpx 值的大小
d) Iphone6 下： 1rpx = 1 物理像素 = 0.5px

在这里插入图片描述
5.2. 小程序配置

5.2.1. 全局配置： app.json

  1. 作用： 用于为整个应用进行选项设置
  2. 链接:全局配置
    https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html
  3. 配图:
    在这里插入图片描述

5.2.2. 页面配置: 页面名称.json

  1. 作用: 用于为指定的页面进行配置
  2. 链接:页面配置
    https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html
  3. 注意事项: 页面配置的优先级高于全局配置
  4. 配图:
    在这里插入图片描述

5.2.3. sitemap 配置: sitemap.json

  1. 作用：用于被微信搜索爬取页面
  2. 链接:sitemap 配置
    https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html
  3. 配图:
    在这里插入图片描述

5.3. 小程序框架接口

5.3.1. App

  1. 全局 app.js 中执行 App()
  2. 生成当前应用的实例对象
  3. getApp()获取全局应用实例

5.3.2. Page

  1. 页面.js 中执行 Page()
  2. 生成当前页面的实例
  3. 通过 getCurrentPages 获取页面实例

六、wxml 语法

6.1. 数据绑定
6.1.1. 初始化数据

  1. 页面.js 的 data 选项中
    在这里插入图片描述

6.1.2. 使用数据
2. 模板结构中使用双大括号 {{message}}
3. 注意事项: 小程序中为单项数据流 model —> view
在这里插入图片描述

6.1.3. 修改数据

  1. this.setData({message: ‘修改之后的数据’}, callback)
  2. 特点：
    a) 同步修改： this.data 值被同步修改
    b) 异步更新： 异步将 setData 函数用于将数据从逻辑层发送到视图层（异步）
    在这里插入图片描述

6.2. 事件绑定
6.2.1. 事件分类

  1. 冒泡事件
    a) 定义：冒泡事件：当一个组件上的事件被触发后，该事件会向父节点传递。
    b) 冒泡事件列表：地址连接
    https://mp.weixin.qq.com/debug/wxadoc/dev/framework/view/wxml/event.html
  2. 非冒泡事件：地址连接
    a) 定义：当一个组件上的事件被触发后，该事件不会向父节点传递。
    b) 非冒泡事件：表单事件和自定义事件通常是非冒泡事件
    https://mp.weixin.qq.com/debug/wxadoc/dev/framework/view/wxml/event.html

6.2.2. 绑定事件

  1. bind 绑定：事件绑定不会阻止冒泡事件向上冒泡
<view bindtap="handleTap" class='start_container'>
 <text class='start'>开启小程序之旅</text>
</view>
  1. catch 绑定: 事件绑定可以阻止冒泡事件向上冒泡
<view catchtap="handleTap" class='start_container'>
 <text class='start'>开启小程序之旅</text>
</view>

6.2.3. 向事件对象传参

  1. 语法： data-key=value
    在这里插入图片描述
  2. 获取: event.target.dataset.key || event.currentTarget.dataset.key
    在这里插入图片描述
  3. Event.target 和 event.currentTarget 的区别
    a) Event.target 是触发事件的对象，但不一样是绑定事件的对象，如： 事件委托，
    冒泡
    b) currentTarget 触发时间的对象一定是绑定事件的对象， 没有事件委托

6.3. 列表渲染
6.3.1. 语法说明

1. wx:for=’{{arr}}’
2. wx:key=’{{唯一值}}’

6.3.2. 注意事项

1. 默认的个体: item
2. 默认的下标: index
3. 自定义个体变量名称: wx:for-item=’myItem’
4. 自定义下标变量名称: wx:for-index=’myIndex’

6.4. 条件渲染
6.4.1. 语法说明

1. wx:if=’条件’
2. wx:elif=’条件’
3. wx:else

在这里插入图片描述

6.4.2. wx:if VS hidden

1. hidden 用法: <view hidden=’{{true}}’ ></view>
2. wx:if 等同于 v-if, 条件为 false 的时候不加载，条件切换的时候决定元素销毁或者
重新加载渲染
3. hidden 等同于 v-show, 始终加载元素, 条件切换的时候决定元素的显示和隐藏

6.5. 模板使用
6.5.1. 定义模板
在这里插入图片描述

6.5.2.引入模板

1. 引入模板结构: <import src=’模板结构相对路径’ />
2. 引入模板样式: @Import ‘模板样式路径’

6.5.3. 使用模板
在这里插入图片描述

6.5.4. 向模板导入数据并使用数据
在这里插入图片描述

6.6. 生命周期
6.6.1. 对应阶段说明

  1. onLoad(Object query)
    a) 页面加载时触发。一个页面只会调用一次，可以在 onLoad 的参数中获取打开
    当前页面路径中的参数。
    b) 参数：
    在这里插入图片描述
  2. onShow()
    a) 页面显示/切入前台时触发
    b) 会执行多次
  3. onReady()
    a) 页面初次渲染完成时触发。一个页面只会调用一次，代表页面已经准备妥当，
    可以和视图层进行交互。
  4. onHide()
    a) 页面隐藏/切入后台时触发。 如 wx.navigateTo 或底部 tab 切换到其他页面，小
    程序切入后台等。
  5. onUnload()
    a) 页面卸载时触发。如 wx.redirectTo 或 wx.navigateBack 到其他页面时。

6.6.2. 官网图示说明
在这里插入图片描述

6.6.3. 官网对应地址
官网对应地址链接
https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/page-life-cycle.html

七、小程序 API

7.1. API 使用说明

  1. 小程序提供了很多实用的方法供开发者使用
  2. 小程序全局对象是: wx
  3. 所有的 API 都保存在 wx 对象中
    在这里插入图片描述

7.2. 常用 API

  1. 界面交互
    a) 显示消息提示框: wx.showToast()
    b) 显示消息加载框: wx.showLoading()
    c) 关闭消息提示框: wx.hideToast()
    d) 关闭消息加载框: wx.hideLoading()
  2. 路由跳转
    a) wx.navigateTo()
    b) wx.redirectTo()
    c) wx.switchTab()
  3. 网络请求
    a) wx.request()
  4. 本地存储
    a) wx.setStorage()
    b) wx.setStorageSync()
    c) wx.getStorage()
    d) wx.getStorageSync()
  5. 媒体
    a) wx.getBackgroundAudioManager()
    b) wx.playVoice()

7.3. 快速查找技巧

  1. 小程序的初学者可能对于小程序的官网的众多内容一时毫无头绪，无从下手不知道从哪
    来找想要的内容
  2. 当在小程序中想要实现某一种布局，查看：组件
  3. 当在小程序中想要实现某一个功能，查看: API
  4. 当在小程序中想要进行某一个配置或者某一种页面语法，查看: 框架 + 指南
  5. 查看小程序官网的时候要细心，最好是将要使用的 API 的相关内容看完整，因为 API 的配置及限制较多

八、小程序特点

8.1. 小程序本地存储
8.1.1. 语法说明

  1. 存入数据
    a) wx.setStorage() 异步
    b) wx.setStorageSync() 同步
    在这里插入图片描述
  2. 读取数据
    a) wx.getStorage()异步
    b) wx.getStorageSync() 同步
    在这里插入图片描述
  3. 删除数据
    a) wx.removeStorage() 异步
    b) wx.removeStroageSync() 同步
    在这里插入图片描述
  4. 清空数据
    a) wx.clearStorage() 异步
    b) wx.clearStorageSync() 同步
    在这里插入图片描述

8.1.2. 注意事项

1. 除非用户主动删除或因存储空间原因被系统清理，否则数据都一直可用
2. 单个 key 允许存储的最大数据长度为 1MB
3. 所有数据存储上限为 10MB

8.1.3. 官网对应地址
官网对应地址
https://developers.weixin.qq.com/miniprogram/dev/api/storage/wx.setStorage.html
在这里插入图片描述

8.2. 小程序前后端交互
8.2.1. 语法说明

  1. wx.request()
    在这里插入图片描述

8.2.2. 相关配置

  1. 每个微信小程序需要事先设置通讯域名，小程序只可以跟指定的域名进行网络通信
  2. 服务器域名请在 「小程序后台-开发-开发设置-服务器域名」 中进行配置
  3. 默认超时时间和最大超时时间都是 60s
  4. 超时时间可以在 app.json 中通过 networktimeout 配置

8.2.3. 注意事项

1. 小程序为了安全起见只支持 Https 请求
2. wx.request 最大并发限制 10 个

8.2.4 官网对应地址
官网对应地址
https://developers.weixin.qq.com/miniprogram/dev/api/storage/wx.setStorage.html
在这里插入图片描述

8.3. 小程序页面通信
8.3.1. 路由传参

  1. 传参方式
    a) 路由地址中 + query 传参数
    b) 示例： url?a=123
  2. 获取参数
    a) 跳转目标页面的 onLoad 函数中的 options 实参中获取
    在这里插入图片描述

8.3.2. 消息订阅发布

1. 使用第三方库: pubsub-js
2. 安装: npm install pubsub-js
3. 使用：
		a) Import PubSub from ‘pubsub-js’
		b) 订阅消息: PubSub.subscribe(‘eventName’, callback)
		c) 发布消息: PubSub.publish(‘eventName’, data)
		d) 取消订阅: PubSub.unsubscribe(‘eventName’)

8.3.3. eventChannel 事件通道

  1. 订阅事件
    a) wx.navigateTo()跳转的时候在 events 选项中定义事件名及事件对应的回调
    在这里插入图片描述
  2. 获取事件总线对象
    a) 目标页面中通过: 实例.getOpenerEventChannel()
    b) 示例: const eventChannel = this.getOpenerEventChannel()
  3. 触发事件
    a) eventChannel.emit(‘事件名’, data)
    在这里插入图片描述

8.4. 小程序自定义组件
8.4.1. 创建组件

  1. 开发工具中右键新建组件
  2. 组件对应的 json 文件中设置: component: true
    在这里插入图片描述

8.4.2. 使用组件

  1. 使用组件的页面的 json 文件中注册使用组件
    在这里插入图片描述

8.5. 小程序使用 npm 包
8.5.1. 初始化 package.json

npm init

8.5.2. 勾选允许使用 npm
在这里插入图片描述

8.5.3. 下载 npm 包

npm install packageName

8.5.4. 构建 npm

  1. 开发工具 —> 工具 —> 构建 npm
  2. 会将 node_modules 中的包打包到 miniprogram_npm 中

8.5.5. 流程执行不完整带来的错误
在这里插入图片描述

8.6. 小程序获取用户基本信息
8.6.1. 首次登陆获取

  1. Button 组件设置 open-type 属性为 getUserInfo
2. <button open-type=’getUserInfo’></button>
  1. 设置后首次登陆点击 button 可以弹出授权窗口
  2. 注意： 授权的动作只发生一次，除非清除缓存，点击 butotn 授权一次之后再点击
    失效，不会弹出授权窗口
  3. 官网对应地址
    https://developers.weixin.qq.com/miniprogram/dev/component/button.html
    在这里插入图片描述

8.6.2. 授权之后获取
6. wx.getUserInfo()
7. 官网对应地址
https://developers.weixin.qq.com/miniprogram/dev/api/open-api/user-info/wx.getUse
rInfo.html
在这里插入图片描述

8.7. 小程序获取用户唯一标识（openId）
8.7.1. 官网图解
在这里插入图片描述
8.7.2. 获取流程

  1. wx.login()
    在这里插入图片描述
  2. 发送 code 给服务器端
  3. 服务器端发送请求携带参数(code, appSecret, appId)给微信服务器获取 openId
    a) 接口地址:
  4. appSecret，appId 在小程序首页获取
    在这里插入图片描述
  5. 服务器获取 openId 后进行加密返回给前端

8.7.3 获取接口地址

请求方法： GET
https://api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECR
ET&js_code=JSCODE&grant_type=authorization_code

8.8. 小程序分包流程
8.8.1. 为什么要分包

  1. 小程序要求压缩包体积不能大于 2M，否则无法发布
  2. 实际开发中小程序体积如果大于 2M 就需要使用分包机制进行发布上传
  3. 分包后可解决 2M 限制，并且能分包加载内容，提高性能
  4. 分包后单个包的体积不能大于 2M
  5. 分包后所有包的体积不能大于 16M

8.8.2. 分包形式

  1. 常规分包
  2. 独立分包
  3. 分包预下载

8.8.3. 常规分包

  1. 开发者通过在 app.json subpackages 字段声明项目分包结构
  2. 特点：
    a) 加载小程序的时候先加载主包，当需要访问分包的页面时候才加载分包内容
    b) 分包的页面可以访问主包的文件，数据，图片等资源
    c) 主包：
    i. 主包来源： 除了分包以外的内容都会被打包到主包中
    ii. 通常放置启动页/tabBar 页面
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

8.8.4. 独立分包

  1. 设置 independent 为 true
  2. 特点:
    a) 独立分包可单独访问分包的内容，不需要下载主包
    b) 独立分包不能依赖主包或者其他包的内容
  3. 使用场景
    a) 通常某些页面和当前小程序的其他页面关联不大的时候可进行独立分包
    b) 如：临时加的广告页 || 活动页
    在这里插入图片描述

8.8.5. 分包预下载

  1. 配置
    a) app.json 中设置 preloadRule 选项
    b) key(页面路径): {packages: [预下载的包名 || 预下载的包的根路径])}
    在这里插入图片描述
    在这里插入图片描述
  2. 特点:
    a) 在加载当前包的时候可以设置预下载其他的包
    b) 缩短用户等待时间，提高用户体验

8.8.6. 分包效果演示
在这里插入图片描述
8.8.7. 官网对应地址

官网对应地址
https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages.html

8.9. 小程序转发分享
8.9.1. 分享实现

  1. Button 组件设置 open-type 为 share
  2. <button open-type=’share’ ></button>

8.9.2. 自定义分享内容

  1. 生命周期回调中 onShareAppMessage 回调中 return 对象设置自定义内容
    在这里插入图片描述

8.9.3. 设置体验权限

  1. 开发阶段分享给微信好友，默认没有体验权限，无法打开分享小程序，需要在开发
    页面设置
  2. 最多添加 15 个微信好友
    在这里插入图片描述

九、小程序支付流程

9.1. 支付流程官网图解
在这里插入图片描述

9.2. 支付流程详细说明

  1. 用户在小程序客服端下单(包含用户及商品信息)
  2. 小程序客户端发送下单支付请求给商家服务器
  3. 商家服务器同微信服务器对接获取唯一标识 openID
  4. 商家服务器根据 openId 生成商户订单(包含商户信息)
  5. 商家服务器发送请求调用统一下单 API 获取预支付订单信息
    a) 接口地址 https://api.mch.weixin.qq.com/pay/unifiedorder
  6. 商家对预支付信息签名加密后返回给小程序客户端
    a) 签名方式： MD5
    b) 签名字段：小程序 ID, 时间戳， 随机串，数据包，签名方式
    c)参考地址
    https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=7_7&index=3
  7. 用户确认支付（鉴权调起支付）
    a) API: wx.requestPayment()
  8. 微信服务器返回支付结果给小程序客户端
  9. 微信服务器推送支付结果给商家服务器端

9.3. 官网对应地址

官网对应地址
https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=7_3&index=1

如果你也想学习:黑客&网络安全

今天只要你给我的文章点赞，我私藏的网安学习资料一样免费共享给你们，来看看有哪些东西。

在这里领取：

这个是我花了几天几夜自整理的最新最全网安学习资料包免费共享给你们，其中包含以下东西：

1.学习路线&职业规划

在这里插入图片描述
在这里插入图片描述

2.全套体系课&入门到精通

在这里插入图片描述

3.黑客电子书&面试资料

在这里插入图片描述

4.漏洞挖掘工具和学习文档

在这里插入图片描述

这些东西都是免费领取哦：黑客最新大礼包

leah126
关注
  • 2
    点赞
  • 踩
  • 14
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序
m0_71884549的博客
09-08 1320
微信小程序
小程序源码
03-14
一款小程序的开发源码，主要是前端开发，实现小程序的基本功能
CSDN最全面的微信小程序源码和模板
03-08
从事微信小程序开发也有差不多半年的时间了，本人深知对于从来都没有接触过微信小程序开发的人刚开始是多么的迷茫，无助。其实我刚开始也是这样，然而进过一段时间的开发，学习，我知道了其实网上有很多人进行分享过，可以参照他们的进行开发学习，这样不仅仅可以达到事倍功半的效果。这是我自己在网上收集，和一些自己做的一些小程序，想分享出来帮助大家更好的学习开发，其中包括了一些比较完善的小程序开源框架，还有几套比较完善的微信小程序商城模板，和源码只需自己把接口替换成自己的即可，希望能够帮到大家。
微信小程序项目实例——今日美食
05-24
微信小程序项目实例——今日美食 今日美食是为用户提供各种美食的制作方法，详细介绍了配料和制作流程
微信小程序开发
最新发布
LIGHT03的博客
05-19 863
由于运行环境的不同，所以小程序中的 API。但是，小程序中可以调用微信环境提供的各种 API，例如:地理定位、扫码、支付是官方推荐使用的。
从入门到精通的微信小程序开发教程(第三版)
04-30
微信小程序全栈开发，从开发新闻小程序学起，从实践中学习是开发者最好最快的学习方法。本教程将和大家从零开始一步一步搭建微信小程序新闻系统，每个章节都会涉及到不同的知识点，等教程学习完你不但掌握了小程序开发全部知识，同时还拥有一个完整作品的开发经验！
微信小程序零基础入门（上）
qq_45796592的博客
12-23 902
微信小程序基础知识点
零基础分分钟入门微信小程序开发，实战篇
黑马程序员官方博客
04-13 4521
学习目标： 从认识小程序开始搭建开发环境，以案例结尾。 学习内容： 1.认识小程序（相关概念） 2.知识储备 3.搭建开发环境 4.目录介绍 5.代码编写 6.文件配置 学习时间： 抽出20分钟基本就可以完成前期学习 文章目录学习目标：学习内容：学习时间：一、认识微信小程序1.了解应用如何开发2.微信、公众号、小程序3.小程序和公众号的区别3.小程序和APP的区别二、知识储备三、搭建开发环境1.安装开发环境2.安装：傻瓜式安装>>一直下一步3.长江见 一、认识微信小程序 1.了解应
微信小程序入门
热门推荐
左直拳的马桶_日用桶
03-30 1万+
微信小程序纯粹是一个前端。 微信小程序出来之后，对于普通用户来说，其实没有必要再装一个APP了。既节省时间又节省空间，登录还十分方便，无须注册账号密码一大坨，啰哩啰嗦；尤其是一些不怎么用的应用，装一个APP简直浪费，即使勉强装了也是很快卸载的命。 所以说小程序越来越普及，大有取代APP之势。有必要了解一下微信小程序的开发。 一、系统结构 微信小程序应用总体结构分为前端和后端。前端注册在微信上，后端则由我们自己部署于互联网。运行时，前端向后端请求数据，当然也包括与微信进行通信。这个前端，就是我们所说的微信小程
微信小程序概述
2302_76619477的博客
03-01 472
在工具栏中可以实现多种功能，例如账号的切换，模拟区、编辑区、调试区的显示/隐藏，小程序的编译、预览，切换后台，清理缓存等。在模拟区中选择模拟手机的类型、显示比例、网络类型后，模拟器中会显示小程序的运行效果。用来显示当前项目的目录构，单击左上角的“+”按钮可以进行目录和文件的创建，右键单击目录文件区中的文件或目录可以进行“硬盘打开”“重命名”“删除”等相关操作。用来实现对代码的编辑操作，编辑区中支持对.wxml、wxss、.js及.json文件的操作，使用组合键能提高代码的编辑效率。
微信小程序开发（小白基础版）
weixin_53582738的博客
08-22 3244
从创建文件-->api使用-->提交正式版整个流程的微信小程序开发入门汇总。如有描述错误的内容或官网文档有更新，非常感谢指出。
10小时零基础入门小程序开发
08-20
由浅入深，零基础快速入门小程序开发。通过10小时的学习，你也可以上线一款属于自己的微信小程序。本课是《手把手带你零基础入门小程序》系列课程的一节，如果你想快速入门小程序开发，想学习小程序云开发，可以跟着老师来零基础入门，10小时学会小程序开发小程序，从开发到上线小程序的完整流程都有讲。本套课程主要就是面向零基础人员。所以讲解的都是一些通俗易懂的入门技能。所以完全不用担心自己不懂编程。
微信小程序前端零基础入门案例
04-03
开发微信小程序通常使用微信开发者工具，它提供了代码编辑、预览、调试和发布等一系列功能，还有实时更新、真机预览等辅助开发特性。 5. **生命周期与事件** 微信小程序中的组件和页面都有特定的生命周期方法，如...
微信小程序开发零基础入门(张帆)31428 源代码及服务器搭建
05-26
微信小程序开发零基础入门(张帆)31428 源代码及服务器搭建 微信小程序是一种最新的App替代品，其定位是在微信公众号的生态链中，使用微信本身作为应用平台，无须更新和下载，开箱即用。本书由浅入深、循序渐进，使零...
微信小程序项目实例——体质计算器
05-27
在移动开发领域，微信小程序的开发具有一定的优势，因为它可以利用微信庞大的用户基础，无需经过应用商店的审核，更新快速，用户使用便捷。开发者使用微信提供的开发工具，结合微信小程序的框架和组件，编写WXML...
微信小程序开发入门教程.pdf
03-29
。
微信小程序介绍
2202_75871191的博客
05-16 576
本文介绍了微信小程序开发的基础知识，包括小程序概述、开发环境搭建、编程基础、组件与API、云开发等。微信小程序云开发是一种基于云平台的服务，可以为小程序提供数据库、存储、计算等服务。在云环境中，可以创建数据库、存储文件、调用云函数等。小程序提供了丰富的API，如网络请求、位置、摄像头、支付等，可用于实现各种业务功能。小程序提供了丰富的组件，如按钮、文本、图片、视频等，可用于快速搭建页面结构。在微信开发者工具中，点击“新建项目”按钮，输入项目名称、选择项目存放路径，即可创建一个新的小程序项目。
3小时零基础入门微信小程序开发2024年最新版
编程小石头
04-13 1598
用大白话讲：变量就是一个装东西的盒子再通俗些讲：变量就是用于存放数据的容器，我们通过变量名获取对应的数据。如上图所示，我们的盒子(变量)可以装名字，布尔类型的true，还可以用来装数字。变量的本质：就是在程序的内存中申请一块用来存放数据的空间。对象只是一种特殊的数据。对象是一组无序的相关属性和方法组成。这里重点要记住属性和方法这两个新概念属性：事物的特征，对象里的属性就是用来表现该对象具备哪些特征方法：事物的行为，对象里方法就是用来表示该对象具备哪些行为。
微信小程序-零基础入门手册
weixin_49931650的博客
08-03 833
小白也可以看懂，集合微信小程序基本使用方法事件语法，组件，npm使用，mobx仓库，分包，等等，已经分类归类好了，字体使用不同颜色，加粗，看起来不会乱，目录导航寻找
微信小程序开发零基础入门
12-16
微信小程序开发零基础入门可以按照以下步骤进行： 1.了解微信小程序的基本概念和开发流程，可以参考微信官方文档和相关教程。 2.下载安装微信开发者工具，创建一个新的小程序项目。 3.在开发者工具中，可以通过拖拽组件、编写wxml、wxss和js文件等方式进行页面的设计和开发。 4.学习小程序的基本语法和API，例如数据绑定、事件处理、网络请求等。 5.在开发过程中，可以通过调试工具进行实时预览和调试。 6.完成开发后，可以在开发者工具中进行代码上传和审核，最终发布小程序。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值