分类归档

小程序

FWQ
小程序
小程序认证过的名称怎么修改
小程序认证过的名称怎么修改? 1.首先,小程序的名称是可以修改的。我们先登录公众平台小程序-设置-基本信息-小程序名称-修改。 2.通过管理员扫码验证后即可进入修改页面。 3.当修改名称命中保护词的时候,需要进一步审核通过方可修改成功。 4.称修改成功后,原名称会立即释放。 5.小程序未发布前有2次改名机会,一旦小程序发布则不再支持改名。 以上就是小程序认证过的名称怎么修改的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
小程序开发之组件之间的传值方法(代码示例)
本篇文章给大家带来的内容是关于小程序开发之组件之间的传值方法(代码示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 1.创建组件 打开微信开发者工具,创建组件,会生成四个文件:wxml,wxss,js,json 在wxml中: <view>我是组件A</view> 登录后复制 登录后复制 在js中: Component({ behaviors: [], properties: { }, data: { }, // 私有数据,可用于模版渲染 // 生命周期函数,可以为函数,或一个在methods段中定义的方法名 attached: function () { }, moved: function…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序实例:如何实现滑动选择器(附代码)
本篇文章给大家带来的内容是关于微信小程序实例:如何实现滑动选择器(附代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 实现微信小程序滑动选择效果 在wxml文件中,用一个picker标签代表选择器,bindchange是用户点击确定后触发的函数,index是picker自带的参数,用户点击确定后,bindchange绑定的函数用.detail.value就可以访问到。第一个选择的index值为0,依次递增。range要在page的data中先定义一个数组给它赋值,然后数组的值就会变为选择器中的选项 <picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}"> <view class='choseQuestion' > {{choseQuestionBank}} </view> </picker> 登录后复制 js文件中对应的数据和函数如下 Page({ data:{ array:['全部','计算机网络','算法','数据结构','linux'], type:0, choseQuestionBank:"点击选择" }, bindPickerChange: function (e) { var that=this console.log('picker发送选择改变,携带值为',…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序中密码输入框的设计代码
这篇文章主要介绍了微信小程序 密码输入的相关资料,需要的朋友可以参考下 设计支付密码的输入框 效果如下: 实例代码: <view><view>支付方式</view><view><i></i> <text>微信支付</text></view><view><i></i> <text>对公打款</text></view><block><view><i></i> <text>钱包支付(余额:{{balance/100}}元)</text></view></block><block><view><i></i> <text>钱包支付(余额不足)</text></view></block></view><view>确定</view><!--输入钱包密码--><view><view><view><view>×</view><view>请输入支付密码</view><view>忘记密码</view></view><view><span>¥</span> <text>{{actual_fee/100}}</text></view><view><view><i>=1}}"&gt;</i> </view><view><i>=2}}"&gt;</i> </view><view><i>=3}}"&gt;</i> </view><view><i>=4}}"&gt;</i> </view><view><i>=5}}"&gt;</i> </view><view><i>=6}}"&gt;</i> </view></view></view><input></view> 登录后复制 index.js Page({  data: {   payment_mode: 1,//默认支付方式 微信支付   isFocus: false,//控制input 聚焦   balance:100,//余额   actual_fee:20,//待支付   wallets_password_flag:false//密码输入遮罩  },  //事件处理函数…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序中input标签的使用方法(附代码)
本篇文章给大家带来的内容是关于微信小程序中input标签的使用方法(附代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 在开发过程中经常遇到这样的需求:用户只能输入数字并且只保留小数点两位。虽然我们可以在提交表单的时候进行验证,但是体验不是很好。下面我主要使用了小程序input标签的bindinput方法对输入的值进行监听,然后进行正则匹配。 1. input标签 微信小程序input标签自带type=digit属性,可以调起带有小数点的数字键盘,maxlength属性可以控制我们输入字符的个数,然后我们给input标签绑定bindinput方法。 <input type="digit" bindinput="regInput" maxlength="15"/> 登录后复制 2. 绑定监听事件 bindinput方法可以监听到当前输入框的值,类似于onchange事件,但不太一样。通过e.detail.value可以获取到input的值,return返回的字符串可以替换掉输入的字符串。 3. 正则匹配 匹配正则通过则返回所有字符,不通过则去掉最后一个不匹配的字符返回。 /*正则匹配*/ regInput(e){ if(/^(d?)+(.d{0,2})?$/.test(e.detail.value)){ return e.detail.value; }else { return e.detail.value.substring(0,e.detail.value.length-1); } } 登录后复制…
2024-11-25 阅读全文 →
FWQ
小程序
怎么把自己的店加入小程序
怎么把自己的店加入小程序? 1、在自己的电脑浏览器上打开微信公众平台,找到【立即注册】点击即可。 2、会来到一个新的页面,选择【服务号】这个注册类型进入就可以了。 3、这个时候需要添加小程序了,点击【快速注册并认证小程序】就行了。 4、在这里完善小程序的各种信息,比如确定服务类目还有上传相关证件等。 5、下一步,注册十二赞·社交电商服务以创建店铺,没问题的话就确认注册。 6、在跳转的【商品管理】界面上添加不少于四种新的商品就行了。 7、在选择【绑定小程序】以后,完成微信支付配置就可以了。 8、这样一来就会来到【版本管理】的窗口,提交授权信息等待审核通过即可。 以上就是怎么把自己的店加入小程序的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
详解二维码登录的原理
这篇文章主要大家详细解析了的二维码登录原理js代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 在很多地方就是都出现了使用二维码登录,二维码付款,二维码账户等应用(这里的二维码种马,诈骗就不说了),二维码验证,多终端辅助授权应用开始多起来,这里先说下啥是二维码,其实二维码就是存了二进制数据的黑白,当出现要求二维码登录的时候,服务器会生成一条临时的唯一的二维码信息,发送到客户端以二维码(图片)的形式写入到网页,然后你就会看到统一的四个方形的二维码,如果做的好这个二维码信息应该是有时效的,这里暂且不考虑这些,就简单的微信登录作为例子看看吧: 首先说下整个授权流程: 在客户端网页中会不断向服务器发送https连接,并且这里传输很少的数据之后就断开连接了,下面看下微信网页中这个login1c709c.js文件: (function($, _aoWin) {  _aoWin.QRLogin = {};  _aoWin.LoginLog = "";  var _sBaseHost = "",  _oLoginQrCodeImg = document.getElementById("loginQrCode");  if (document.domain == "qq.com") {  _sBaseHost = "weixin.qq.com";  } else if(location.hostname.match(/(wechat.com)$/)){  _sBaseHost = "wechat.com";  }else{  _sBaseHost = "wechatapp.com";  }  var show_tip = 1,  _sCurUUId,  _oResetTimeout,  _aWebMMCallbacks = [],  _oDetactWebMMInterval = setInterval(function(){   if(_aoWin.WebMM){   clearInterval(_oDetactWebMMInterval);   var callback;   while(callback = _aWebMMCallbacks.shift()){    if(typeof(callback) != "function") continue;    callback();   }…
2024-11-25 阅读全文 →
FWQ
小程序
原生小程序如何封装请求,优雅地调用接口?
微信小程序如何封装原生请求?如何调用接口?下面本篇文章给大家介绍一下原生微信小程序封装请求,并优雅调用接口的方法,希望对大家有所帮助! 本文属于代码片段,对于原生微信小程序请求的封装。有个人书写习惯,仅供参考。 基于小程序原生request封装Promise风格的请求避免多级回调(回调地狱)对于网络请求错误统一处理分发 目录结构 . ├── api │   ├── config.js // 相关请求的配置项,请求api等 │   ├── env.js // 环境配置 │   ├── request.js  // 封装主函数 │   ├── statusCode.js // 状态码 └── ... 登录后复制 相关代码 配置文件 env.js // env.js module.exports = {   ENV: 'production',   // ENV: 'test' } 登录后复制 statusCode.js // statusCode.js // 配置一些常见的请求状态码 module.exports = {   SUCCESS: 200,   EXPIRE: 403 }…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序实例:点击事件和长按事件的代码实现
本篇文章给大家带来的内容是关于微信小程序实例:点击事件和长按事件的代码实现,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 <button bindtouchstart="handleTouchStart" bindtouchend="handleTouchEnd" bindlongpress="handleLongPress" bindtap="handleClick"> 点击/长按</button>  <!-- button 可以换成view--> 登录后复制 //touch start handleTouchStart: function(e) {         this.startTime = e.timeStamp;         //console.log(" startTime = " + e.timeStamp);   },   //touch end handleTouchEnd: function(e) {         this.endTime = e.timeStamp;         //console.log(" endTime = " + e.timeStamp);   },   handleClick: function(e) {         //console.log("endTime - startTime = " + (this.endTime - this.startTime));         if (this.endTime - this.startTime <p>相关推荐:</p><p><a href="http://www.php.cn/xiaochengxu-408845.html" target="_blank" title="小程序中button以及滚动条默认样式如何清除(代码)">小程序中button以及滚动条默认样式如何清除(代码)</a></p><p><a href="http://www.php.cn/xiaochengxu-408842.html"…
2024-11-25 阅读全文 →
FWQ
小程序
报错config:invalid signature的解决方案
微信公众平台, config:invalid signature一直爆这个错误的解决办法如果是invalid signature签名错误。建议按如下顺序检查:1.确认签名算法正确,可用 http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=jsapisign 页面工具进行校验。2.确认config中noncestr(js中驼峰标准大写s), timestamp与用以签名中的对应noncestr, timestamp一致。3.确认url是页面完整的url(请在当前页面alert(location.href.split(‘#’)[0])确认),包括’http(s)://’部分,以及’?’后面的get参数部分,但不包括’#’hash后面的部分。4.确认 config 中的 appid 与用来获取 jsapi_ticket 的 appid 一致。5.确保一定access_token和jsapi_ticket。这个是重点:确保你获取用来签名的url是动态获取的,动态页面可参见实例代码中php的实现方式。如果是html的页面在前端通过ajax将url传到后台签名,前端需要用js获取当前页面除去’#’hash部分的链接(可用location.href.split(‘#’)[0]获取,而且需要encodeuricomponent),因为页面一旦分享,微信客户端会在你的链接末尾加入参数,如果不是动态获取当前链接,将导致分享后的页面签名失败。 教如何验证是否正确方法:url动态获取的方法是: $protocol = (!empty($_SERVER[HTTPS]) &amp;&amp; $_SERVER[HTTPS] !== off || $_SERVER[SERVER_PORT] == 443) ? "https://" : "http://"; $url = $protocol.$_SERVER[HTTP_HOST].$_SERVER[REQUEST_URI]; 登录后复制 步骤:首先你在页面alert(location.href.split(‘#’)[0]);然后你再打印出动态获取的url是否和你alert的地址是否一样。一定要一模一样,包括大小写。如果发现不一样,那就按照自己的需求改。反正要一样。验证签名一定可以通过的。 【相关推荐】 1. 2. 以上就是报错config:invalid signature的解决方案的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →