分类归档

小程序

FWQ
小程序
微信小程序支持 cookie的代码实现
本篇文章给大家带来的内容是关于微信小程序支持 cookie的代码实现,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 weapp-cookie 一行代码让微信小程序支持 cookie,传送门: Intro 微信原生的 wx.request 网络请求接口并不支持传统的 Cookie,但有时候我们现有的后端接口确于依赖 Cookie(比如服务器用户登录态),这个库可用一行代码为你的小程序实现 Cookie 机制,以保证基于 cookie 的服务会话不会失效,与 web 端共用会话机制 Featrues 一行代码让小程序支持 cookie 可使用 api 获取、设置 cookie 支持 domain/path 作用域 Install…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序如何配置网络请求超时?
微信小程序配置网络请求超时的方法:首先新建一个微信小程序目录;然后打开【app.json】文件,并添加request请求超时的参数;接着添加uploadfile超时文件;最后connectsocket连接socket的超时即可。 微信小程序配置网络请求超时的方法: 1、首先新建一个微信小程序目录,如下图所示 2、接着打开app.json文件,如下图所示 3、然后添加networkTimeout属性,request就是请求超时的参数,如下图所示 4、还可以添加downloadFile参数代表的是下载超时,如下图所示 5、接着就是uploadFile代表的是上传文件的超时,如下图所示 6、最后一个就是connectSocket是连接socket的超时,如下图所示 相关学习推荐: 以上就是微信小程序如何配置网络请求超时?的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序之rich-text教程详解
这篇文章主要介绍了 微信小程序 rich-text的使用方法的相关资料,这里提供属性及方法并实现实例,帮助大家学习理解,需要的朋友可以参考下  微信小程序 rich-text的使用方法 rich-text 属性:nodes 类型:Array / String 结点列表 / HTML String 全局支持class和style属性,不支持id属性。 结点类型:type = node , name 标签名 String 是 支持部分受信任的HTML结点,  attrs 属性 Object 否 支持部分受信任的属性,遵循Pascal命名法 , …
2024-11-25 阅读全文 →
FWQ
小程序
浅谈小程序确保每个页面都已登陆的方法
微信小程序如何确保每个页面都已经登陆?本篇文章给大家介绍一下小程序确保每个页面都登陆的方法,希望对大家有所帮助! 一个微信小程序中,有首页,有个人页面,还有一些列表页面,详情页面等等,这些页面大部分是可以分享的。当分享出去的页面被一个另一个用户打开的时候,这个页面怎么确保这个用户已经登陆了呢? 网上有很多方案是在请求封装里面加一道拦截,如果没有token,就先调用登陆请求获取token后,再继续。 这种方案没毛病,只要注意一点,当一个页面有多个请求同时触发时,当所有请求拦截后,放到一个数组里面,在获取token成功后,遍历数组一个个请求就行。 但这个需求再复杂一点,比如连锁便利店小程序,大部分页面都需要有一个门店(因为需要根据门店获取当前门店商品的库存、价格等),这个门店是根据当前的定位来调用后台接口获得的,这个时候如果在请求里进行封装就太麻烦了。 解决方案 首先,我们注意到,登陆,获取定位与我们的页面请求是异步的,我们需要保证页面请求是在登陆和获取定位之后,但要是我们每个页面都写一个遍,可维护性就太差了。所以我们可以抽离出一个方法来做这件事。 所以代码就这样了: const app = getApp() Page({   data: {     logs: []   },   onLoad() {     app.commonLogin(()=>{         // 处理页页面请求     })   } }) 登录后复制 做到这里好像是解决我们的问题,但再想一想,如果还想做更多的事,比如说每个页面的onShareAppMessage统一处理,但我又不想在每个页面再写一遍,另外,我又想自己对每个页面实现一个watch,怎么做? 进一步解决方案 我们可以看到微信小程序,每个页面是一个Page(),那么我们可以给这个Page外面加一层壳子,我们可以有一个MyPage来替换这个Page,废话不多说,上代码: tool.js 相关代码 /**    * 处理合并参数    */…
2024-11-25 阅读全文 →
FWQ
小程序
微信开发实战之模块化的实例详解
模块规范 在任何一个大型应用中模块化是很常见的,与一些更传统的编程语言不同的是,JavaScript (ECMA-262版本)还不支持原生的模块化。 Javascript社区做了很多努力,在现有的运行环境中,实现”模块”的效果。通行的JavaScript模块规范主要有两种:CommonJS、AMD、UMD、CMD等 CommonJS CommonJS规范是服务器端Javascript模块规范。 Node.js的模块系统,就是参照CommonJS规范实现的。NPM也遵循了commonJS定义的包规范,从而形成了一套完整的生态系统。 CommonJS定义的模块分为:{模块引用()} {模块定义(exports)} {模块标识(module)}。require()用来引入外部模块;exports对象用于导出当前模块的方法或变量,唯一的导出口;module对象就代表模块本身。 CommonJS规范wiki.commonjs.org/wiki… function MathClass() { } MathClass.PI = 3.14; MathClass.E = 2.72; MathClass.prototype.add = function(a, b) { return a+b; }; module.exports = MathClass; 登录后复制 var MathClass = require('./mathCommonJS.js'); Page( { onLoad: function() { console.log(…
2024-11-25 阅读全文 →
FWQ
小程序
分享小程序支付功能的实例代码教程
微信小程序的支付和微信公众号的支付是类似的,对比起来还比公众号支付简单了一些,我们只需要调用微信的统一下单接口获取prepay_id之后我们在调用微信的支付即可。 今天我们来封装一般node的支付接口!!! 首先调用统一下单接口我们需要知道一些信息 var bookingNo = 'davdian' + this.createNonceStr() + this.createTimeStamp()     var deferred = Q.defer()       var appid = config.appId       var nonce_str = this.createNonceStr()       var timeStamp = this.createTimeStamp()       var url = "https://api.mch.weixin.qq.com/pay/unifiedorder"       var formData = "<xml>"       formData += "<appid>" + appid + "</appid>" //appid       formData += "<attach>" + attach + "</attach>" //附加数据       formData += "" + body + ""       formData += "<mch_id>" + mch_id + "</mch_id>" //商户号       formData += "<nonce_str>" + nonce_str + "</nonce_str>" //随机字符串,不长于32位。       formData += "<notify_url>" + notify_url + "</notify_url>"       formData += "<openid>" + openid + "</openid>"       formData += "<out_trade_no>" + bookingNo + "</out_trade_no>"       formData += "<spbill_create_ip>61.50.221.43</spbill_create_ip>"       formData += "<total_fee>" + total_fee + "</total_fee>"       formData += "<trade_type>JSAPI</trade_type>"       formData += "<sign>" + this.paysignjsapi(appid, attach, body, mch_id, nonce_str, notify_url, openid, bookingNo, '61.50.221.43', total_fee, 'JSAPI') + "</sign>"       formData += "</xml>"       var self = this     request({         url: url,         method: 'POST',         body: formData  …
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序云服务配置详解
本篇文章给大家带来了关于的相关知识,其中主要介绍了关于云服务的配置详解,包括了创建使用云开发项目、搭建云环境、测试云服务等等内容,下面一起来看一下,希望对大家有帮助。 【相关学习推荐:】 如今云原生已经非常火热,很多伙伴说我们前端领域涉及到云原生么?当然了!今天就来为大家介绍我们最直白的涉及到的云原生,就是我们微信小程序开发中的云函数云存储 创建使用云开发项目 将AppID填入 选择小程序云开发 创建即可 成功后会为我们呈现一个实例 刚刚创建的云服务项目中 测试器中有以下错误 搭建云环境 点击上面的云开发 开通云开发 开始创建环境 环境名称自定义 点击确定等待30秒 搭建成功 成功后不能立即使用前面的错误仍然存在 等待10分钟即可使用 错误消失后 我们连接当前环境(选择我们刚刚配置的demo1) 测试云服务 1. 获取openid(上传本地login云函数) 点击获取openid 第一次点击时会报错 右键login文件夹 创建并部署…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序loading组件如何载入动画方法教程
微信小程序越来越流行,本文主要介绍了微信小程序loading组件显示载入动画用法,结合实例形式分析了loading组件显示载入动画的相关事件操作与属性设置技巧,希望能帮助到大家。 1、效果展示 2、关键代码 ① index.wxml <loading>  加载中... </loading><button>点击弹出loading</button> 登录后复制 ② index.js Page({   data: {     loadingHidden: true   },   loadingTap: function(){     this.setData({      loadingHidden: false     });     var that = this;     setTimeout(function(){      that.setData({        loadingHidden: true      });      that.update();     }, 3000);   } })…
2024-11-25 阅读全文 →
FWQ
小程序
实现选项卡功能的微信小程序
选项卡浏览是 internet explorer 中的一项功能,该功能可让您在一个浏览器窗口中打开多个网站。可以在新选项卡中打开网页,并通过单击要查看的选项卡切换这些网页。通过使用选项卡浏览,可以潜在地减少任务栏上显示的项目数量。本文我们就为大家分享微信小程序实现选项卡功能。 首先看看微信小程序上的选项卡的效果: 原理呢,就是先布局好(这就不必说了吧),然后在上面的每一个选项卡上都定义一个同样的点击事件,然后给每一个组件上绑定一个唯一的标识符,然后点击事件触发的时候,获取到绑定的标识符,判断当前点击的是哪个选项卡,然后再判断下面该显示哪一块,现在上代码: wxml: <view>  <text>menu1</text>  <text>menu2</text></view><view>tab1</view><view>tab2</view> 登录后复制 wxss: .menu_box{  display: flex;  height: 80rpx; } .menu1,.menu2{  flex: 1;  font-size:30rpx;  line-height: 80rpx;  text-align: center; } .borders{  border-bottom: 4rpx solid #f00;  color: #f00; } .tab1,.tab2{  height: 300rpx;…
2024-11-25 阅读全文 →
FWQ
小程序
公众号底下的专栏怎么设置的?
公众号底下的专栏怎么设置的? 公众号底下的专栏设置的方法: 1.如果是微信公众服务号的话,就可以直接设置菜单。 2.登录账号后,添加功能插件-自定义菜单,再次登陆的时候我们可以在左侧菜单栏中看到“自定义菜单”,点击这个自定义菜单,如下图所示,进入下一个设置页面。 3.在这个页面,选择“开启自定义菜单”,然后在“菜单管理”找到“+”添加一级菜单,可创建最多3个一级菜单,每个一级菜单下可创建最多5个二级菜单。 4.按照要求添加完一级菜单和二级菜单后,根据自己的需要“设置动作”,点击设置的菜单,就会出现动作设置。 5.设置完成后可以预览一下,看一下效果,满意后,就可以点击发布了。 推荐教程:《》 以上就是公众号底下的专栏怎么设置的?的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →