小程序
文章平均质量分 67
一介青烟小生
小白一个
展开
-
小程序实现订阅功能和测试发送订阅信息
现在一次性订阅是只能用户点一次才能发送一次,而针对长期模板只有规定的几种类目政务、民生、交通等等的才可以,所以说感觉这功能其实已经不是很适合使用了,只适合一些特别的场景才可以使用。实际业务逻辑应该是用户在页面出发wx.loin的时候获取到的code,然后后端请求获取到openID,存在用户信息上。以上就可以实现用户点击订阅,然后我们用postman调试了,但是实际上这些调用应该是在服务端调用,防止信息泄露。(1)从参数可以看到,我们要先拿到。(2)获取用户的openID。二、页面让用户点击订阅(原创 2024-04-07 14:07:26 · 528 阅读 · 0 评论 -
微信小程序嵌入H5页面
微信小程序中嵌入H5页面通常指的是在小程序中使用Web-view组件来加载外部的网页。而要实现小程序与H5页面的通讯,一般通过URL参数传递或者使用微信的JS-SDK。但是要使用该功能需要小程序是通过微信认证并且需要再小程序的开发设置里面,找到业务域名,按照要求来验证服务器才可以使用web-view组件。web-view组件文档:https://developers.weixin.qq.com/miniprogram/dev/component/web-view.html。原创 2024-04-07 13:59:55 · 608 阅读 · 0 评论 -
微信小程序之地图
微信小程序之地图简介 腾讯位置服务为微信小程序提供了基础的标点能力、线和圆的绘制接口等地图组件和位置展示、地图选点等地图API位置服务能力支持,使得开发者可以自由地实现自己的微信小程序产品。 在此基础上,腾讯位置服务微信小程序JavaScript SDK是专为小程序开发者提供的LBS数据服务工具包,可以在小程序中调用腾讯位置服务的POI检索、关键词输入提示、地址解析、逆地址解析、行政区划和距离计算等数据服务,让您的小程序更强大!操作:申请开发者密钥(key):申请密钥开通webse原创 2021-07-19 11:49:18 · 6831 阅读 · 0 评论 -
微信小程序之获取小程序页面二维码
获取二维码我们推荐生成并使用小程序码,它具有更好的辨识度。目前有两个接口可以生成小程序码,开发者可以根据自己的需要选择合适的接口。接口A: 适用于需要的码数量较少的业务场景接口地址:https://api.weixin.qq.com/wxa/getwxacode?access_token=ACCESS_TOKENPOST 参数说明参数类型默认值说明pathString不能为空,最大长度 128 字节widthInt430二维码的宽度auto_colo原创 2021-06-10 16:13:33 · 3316 阅读 · 0 评论 -
微信小程序之微信登录
在开发微信小程序的时候,我们经常需要用到微信登录,通过wx的接口来获取微信用户的信息,然后存储到我们数据库来创建属于我们系统的用户信息。所以我们就要使用到wx.login(),wx.getUserProfile(),这两个方法。wx.login()wx.login(),是调用接口获取登录凭证(code)。通过凭证进而换取用户登录态信息,包括用户在当前小程序的唯一标识(openid)、微信开放平台帐号下的唯一标识(unionid,若当前小程序已绑定到微信开放平台帐号)及本次登录的会话密钥(session原创 2021-06-04 12:53:21 · 2801 阅读 · 3 评论 -
微信小程序之购物车功能
微信小程序的购物车使用的是Vant weapp的组件库来写的。可以实现单选和全选功能;右滑删除购物车商品;计算商品价格页面代码<view> <view wx:if="{{shopList.length > 0}}"> <view style="margin:0 5px;"> <van-checkbox-group value="{{ result }}" bind:change="onChange">原创 2021-06-04 11:26:30 · 1550 阅读 · 0 评论 -
微信小程序之微信支付
微信小程序之微信支付开发微信小程序的时候,微信支付是经常使用的,下面我们简单梳理下操作的流程和步骤先看下微信支付的开发文档:https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=9_1除被扫支付场景以外,商户系统先调用统一下单接口在微信支付服务后台生成预支付交易单,返回正确的预支付交易会话标识后再按扫码、JSAPI、APP、小程序等不同场景生成交易串调起支付,具体API接口请查看"API列表"1、第一步先准备好一个已经认证好的微原创 2021-06-03 13:11:35 · 3280 阅读 · 1 评论 -
微信小程序的两层wx-for的使用
微信小程序的两层wx-for的使用微信小程序需要用到两次循环来获取页面数据,第二次循环的时候使用wx:for-item="pro"来命名别名<view> <van-grid square border="{{ false }}" column-num="3" wx:for="{{ list }}" wx:key='item' gutter="{{5}}"> <view style="font-size:14px;height:40px;line-height:40原创 2021-02-27 09:50:37 · 2318 阅读 · 0 评论 -
微信小程序中,不允许用户返回上一页的操作
微信小程序中,不允许用户返回上一页的操作//用wx.redirectTo来做跳转页面 wx.redirectTo({ url: '/pages/index/index'})但是用了这个之后会发现小程序左上角会多了一个home的小按钮,可以在onShow中添加wx.hideHomeButton(),即可onShow: function () { wx.hideHomeButton() },...原创 2020-08-10 14:23:26 · 7782 阅读 · 2 评论 -
微信小程序的wxRequest的请求
微信小程序的wxRequest的请求可以先在app.js里面把url统一封装好App({ urlData:{ URL: 'url', },})getRegister:function(event){ console.log(event) var url = app.urlData.URL + '/user/regist_phone_user' var random = Math.random() wx.request({原创 2020-08-07 15:00:52 · 442 阅读 · 1 评论 -
微信小程序的点击获取数据,和url路由传值,全局本地存储数据
微信小程序的点击获取数据,和url路由传值,全局本地存储数据点击获取数据点击事件的写法bindtap='方法名'需要数据的名称data-xxx='{{数据}}'//在wxml<van-row gutter="20" class="data" bindtap='getupdateNew' data-token="{{item.token_y}}" style="height: 25px;line-height: 25px;" wx:for='{{getTaskInfoList}}' wx:原创 2020-08-07 14:42:02 · 922 阅读 · 0 评论 -
微信小程序使用wx.navigateBack返回时,页面不刷新问题
wx.navigateBack({ delta: 1 })在js文件中找到这个onShow: function () { //获取数据 this.gainData() },可以刷新页面的数据原创 2020-08-07 10:14:35 · 6604 阅读 · 0 评论 -
微信小程序的wx-request请求
var that = this var url = url var random = Math.random() if(!this.data.phone || !this.data.password){ wx.showToast({ title: '不能为空', icon: 'none', duration: 1000, mask:true }) wx.hideToast(); ret原创 2020-08-07 10:09:13 · 287 阅读 · 0 评论