分类归档

小程序

FWQ
小程序
关于网页授权获取的实例用法汇总
获取用户信息步骤如下:1 第一步:用户同意授权,获取code2 第二步:通过code换取网页授权access_token3 第三步:刷新access_token(如果需要)4 第四步:拉取用户信息(需scope为 snsapi_userinfo)1 获取code在确保微信公众账号拥有授权作用域(scope参数)的权限的前提下(服务号获得高级接口后,默认拥有scope参数中的snsapi_base和snsapi_userinfo),引导关注者打开如下页面:open.weixin.qq.com/connect/oauth2/authorize?appid=appid&redirect_uri=redirect_uri&response_type=code&scope=scope&state=state#wechat_redirect若提示“该链接无法访问”,请检 1. 简介:获取用户信息步骤如下:  1 第一步:用户同意授权,获取code 2 第二步:通过code换取网页授权access_token 3 第三步:刷新access_token(如果需要) 4 第四步:拉取用户信息(需scope为 snsapi_userinfo) 2. 简介:在确保微信公众账号拥有授权作用域(scope参数)的权限的前提下(服务号获得高级接口后,默认拥有scope参数中的snsapi_base和snsapi_userinfo),引导关注者打开如下页面: 3. 简介:前言  这篇主要是承接上篇的网页授权获取用户基本信息的后文,也是对第一种静默授权之后,用户点击公众号内链接时,如何再次取得当前用户的OpenId的大致讲解和一些注意事项。 4. 简介:如果用户在微信客户端中访问第三方网页,公众号可以通过微信网页授权机制,来获取用户基本信息,进而实现业务逻辑。 5. 简介:微信公众号-获取用户信息(网页授权获取)实现步骤 6.…
2024-11-25 阅读全文 →
FWQ
小程序
来优化 小程序中的css treeshaking
栏目带大家学习如何优化小程序中的css treeshaking。 前言 em…我写这工具的原因就是为了上班多划水,少费脑,少犯错,一劳永逸!每次局部改版老页面时,我不会去删除老的css。因为很麻烦,而且又害怕不小心删出了不可预估的样式错乱。所以我基本上都是在css文件的最后一行去添加新的样式,然后……,css文件越来越大。所以为了解决这种手动删除css的问题,开发了一个小工具。 我们最终实现效果是通过终端命令去完成css treeshaking // 到项目目录下cd Documents/xxx/xcx// 微信qts-lint css wx// 支付宝qts-lint css alipay复制代码 登录后复制 登录后复制 处理命令行 如何全局接收qts-lint命令 配置package.json文件的bin字段,全局安装后就可以识别qts-lint xxxx命令啦,是不是很简单 { "name": "xxx", "version": "1.0.0", "description": "小程序代码",…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序开发中怎样实现微信支付
这个因为我也是第一次写小程序嘛,后端的大哥,在H5的商城里什么都实现了一次了,非说各种没问题,只贴两个图就明白了第一个 这个api里面的所有数据都是后端返给你的,不要接受他的甩锅哈哈。 还有就是一定要让后端好好看微信支付的文档,一般公司开发商城都是服务商版的支付服务,这里就是我和后端大哥的甩锅之路,他没有绑定我得小程序appid,然后各种说调不通。。。 去这里配置好,前端只需要调API传值就好 相信看了本文案例你已经掌握了方法,更多精彩请关注米云其它相关文章! 推荐阅读: 以上就是微信小程序开发中怎样实现微信支付的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
汇总微信小程序开发问题
栏目介绍微信小程序开发的一些问题 推荐(免费): 微信小程序开发问题汇总 样式如何使用变量 video遮罩问题 弹幕自动上推信息流 软键盘问题 websocket使用 weapp.socket.io 小程序当中的使用 小程序开发告一段落,总结一下这段时间小程序开发遇到的问题及解决方案,react冲冲冲!!! 样式如何使用变量 在wxss中,定义变量:width:var(–width–); 在js中,定义变量:viewWidth,并给这个变量赋予想要的值 在wxml中,使用wxss中的变量和js中的变量:style=”–width–: { { viewWidth }}px” video遮罩问题 在实现直播的功能时,我们需要弹出红包等遮盖video的处理,此时会发现,使用z-index属性在小程序中是无效的,微信开发者文档提供了cover-view,cover-imge等控件实现遮罩的功能。 这里值得注意的是cover-view中的background-image属性是无效的,所以我们要安放背景图时需要使用到cover-image,并且将它的position设置为absolute, top为0, left也为0即可。 弹幕自动上推信息流 首先是将这个scroll的高度定死,让scroll自动滑动到某个item的位置: <scroll-view class="danmu-list"…
2024-11-25 阅读全文 →
FWQ
小程序
微信公众号证明资料是什么
微信公众号证明资料是:1、申请公众号时所需要的营业执照,组织机构代码证资料;2、公司开户银行及开户行账号;3、公司座机或办公室电话;4、税务登记证;5、开户许可证。 相关免费学习推荐: 微信公众号证明资料是: 1、申请公众号时所需要的营业执照,组织机构代码证资料 2、公司开户银行及开户行账号 3、公司座机或办公室电话(必须有),传真、网址(非必填选项) 4、确认填写申请表和公函(认证时在认证申请步骤可重新下载) 5、税务登记证 6、开户许可证 以上就是微信公众号证明资料是什么的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
关于参数名的10篇课程推荐
本文介绍微信支付下的刷卡支付的开发过程。微信刷卡支付是指用户打开微信钱包的刷卡的界面,商户扫码后提交完成支付的支付过程。 一、刷卡支付api接口地址api.mch.weixin.qq.com/pay/micropay是否需要证书不需要。输入参数名称 变量名 必填 类型 示例值 描述公众账号idappid是string(32)wx8888888888888888微信分配的公众账号id(企业号corpid即为此appid)商户号mch_id是string(32)1900000109微信支付分配的商户号设备号device_info否string(32)013467007045764终端设备号(商户自定义,如门店编号)随机字符串nonce_str是string(32)5k8264iltkch16cq2502si8znmtm67vs随机字符串,不长于32位。推荐随机数生成算法签名sign是 1. 简介:本文介绍微信支付下的刷卡支付的开发过程。微信刷卡支付是指用户打开微信钱包的刷卡的界面,商户扫码后提交完成支付的支付过程。 一、刷卡支付API接口地址api.mch.weixin.qq.com/pay/micropay是否需要证书不需要。输入参数名称 变量名 必填 类型 示例值 描述公众账号IDappid是String(32)wx8888888888888888微信分配的公众账号ID(企业… 2. 简介:参数名 描述appId应用ID 登录微信公众号管理平台可查询timestamp 必填,生成签名的时间戳 nonceStr必填,生成签名的随机串 signature必填,签名,见附录1 上述表格中的参数,我们在前一章节已经说的很明白,之所以做出一个表格是因为如果想要成功接入微信jsapi这四个 3. 简介:在MyBatis的select、insert、update、delete这些元素中都提到了parameterType这个属性。MyBatis现在可以使用的parameterType有基本数据类型和Java复杂数据类型基本数据类型:包含int,String,Date等。基本数据类型作为传参,只能传入一个。通过#{参数名} 即可获取传入的值复杂数据类型:包含JAVA实体类、Map。通过#{属性 4. 简介:这篇文章主要给大家介绍了在Java 8中如何获取参数名称的方法,文中给出了详细的介绍和方法示例,相信对大家的理解和学习具有一定的参考借鉴价值,有需要的朋友可以参考学习,下面来一起看看吧。 5. 简介:在java中,可以通过反射获取到类、字段、方法签名等相关的信息,像方法名、返回值类型、参数类型、泛型类型参数等,但是不能够获取方法的参数名。在实际开发场景中,有时需要根据方法的参数名做一些操作,那么该如何操作了呢?下面就通过这篇文章来学习学习吧。 6. 简介:有时,有些请求提交的数据不是常见的 参数名:参数值 这种映射关系的键值对,如微信公众平台服务器向开发者的指定URL提交的数据,就是…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序中富文本转文本的实现
这篇文章主要介绍了微信小程序 富文本转文本实例详解的相关资料,需要的朋友可以参考下 微信小程序-富文本转文本 最近小程序这么火,我也来搞搞。发现了一个恶心的问题。小程序没有组件能支持富文本内容的,改接口又不太合适,于是有了这问,没技术含量纯粹记录 首先我们看眼没有被格式的富文本显示: *.wxml内代码。content是富文本内容  <view>    <text>{{content}}</text>   </view> 登录后复制 显示结果: 由以上图片看到,小程序无法解析html文件 我们需要处理html富文本内容,让其显示好看点 下面直接上代码了,主要功能就是利用js的replace 对富文本经行处理,大家可以看一下。一起优化,方便对富文本更好的处理。 convertHtmlToText: function convertHtmlToText(inputText) {   var returnText = "" + inputText;   returnText = returnText.replace(//ig, ' ');   returnText = returnText.replace(//ig, ' ');   returnText = returnText.replace(/ 登录后复制 /ig, ‘ * ‘);   returnText = returnText.replace(//ig, ‘ ‘);   //– remove BR tags and replace them with line break   returnText = returnText.replace(//gi, ”…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序如何引用公共js里的方法分享
这篇文章主要介绍了微信小程序引用公共js里的方法的实例详解的相关资料,这里提供了实现的方法,希望能帮助到大家,需要的朋友可以参考下 微信小程序引用公共js里的方法的实例详解 一个小程序页面由四个文件组成,一个小程序页面的四个文件具有相同路径与文件名,由此我们可知一个小程序页面对应着一个跟页面同名的js文件。可是当有些公共方法,我们想抽离出来成为一个独立公共的js文件。我们该如何实现呢。 在根目录下有一个app.js文件。这个根目录的js 文件我们可以通过getApp()轻松调用。 //app.js App({   globaData:'huangenai'  }) 登录后复制 //test.js var app = getApp(); Page({  onLoad: function () {  console.log(app.globaData);  }  }) 登录后复制 在开发者工具的 Console可以看到  那么当一些通用的公共方法我们抽出来,在根目录下有个utils文件夹(没有的话新建),里面util.js(没有的话新建)在这里我们可以将通用的方法写在这。 util.js //正则判断 function Regular(str, reg) {  if (reg.test(str))   return true;  return false; }…
2024-11-25 阅读全文 →
FWQ
小程序
小程序的链接怎么提取?
小程序的链接怎么提取? 步骤: 1、小程序其实不能直接提取链接,跟微信公众号联系到一起就可以拿到小程序的路径。那么该如何提取呢?请看下方。 2、首先,先登录微信公众平台,关联一下微信小程序。(这个怎么关联应该大家都知道吧,如果不知道就在下方留言,我会再写一篇关于小程序怎么关联微信公众号的文章给大家) 3、然后点击微信公众平台里面的“新建群发”功能,自建图文。 4、点击添加“小程序”因为之前已经关联了小程序,所以现在点击添加“小程序”,里面就会显示出你之前已经添加了的小程序。 5、然后就会出现一个页面,初始小程序的路径显示的是首页的路径来的,那么如何获取其他页面路径呢?你们仔细看看路径下面,就会发现“默认显示小程序首页,可更改。获取更多页面路径”这些字眼,点击“获取更多页面路径”,右边就会出现一个小弹窗,把你想要看到小程序路径的微信号放在上面,点击“开启”即可。(注:必须关注了该微信公众号的微信号才可) 6、打开微信,找到这个小程序,并随便进入你想要提取链接的页面,右上角有个按钮“…”,点击这个按钮,手机下方就会出现一个页面,点击“复制本页面路径”,就可以把这个页面的路径提取出来了,然后提取出来之后,就可以回到公众号,放上自己想要的页面,作为推广了。 推荐教程:《》 以上就是小程序的链接怎么提取?的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序开发聊天会话组件:可以用于在线客服的聊天对话
用小程序制作聊天会话,可以用来在线客服的聊天对话等,以下是代码详细讲解,操作起来也很简单,一起制作吧。 聊天会话 场景 用于在线客服的聊天对话等 一、布局圈点 1、三角箭头 绘制一个26rpx*26rpx矩形,使它旋转45度,然后隐去对半,形成气泡上的直角三角形。 <!-- 画三角箭头 -->     <view></view> 登录后复制 /* 三角箭头 */.body .triangle {    background: white;    width: 20rpx;    height: 20rpx;    margin-top: 26rpx;    transform: rotate(45deg);    position: absolute; } 登录后复制 2、flex-flow改变流动方向 分别取值[‘row’ | ‘row-reverse’],实现对方发来的消息头像居左,自己发的消息头像居右。 <view></view> 登录后复制 登录后复制 3、按住说话悬浮层水平与垂直居中 方案1,js手工计算 data: {    hud_top: (wx.getSystemInfoSync().windowHeight - 150) / 2,     hud_left: (wx.getSystemInfoSync().windowWidth - 150) / 2, } 登录后复制…
2024-11-25 阅读全文 →