设为首页 加入收藏 关注我们： 官方微博 官方抖音

打开抖音扫一扫

轻源码

  • QingYuanMa.com
  • 全球最大的互联网技术和资源下载平台
搜索
源码学习下载
Dz插件 棋牌源码 精品游戏源码 Dz模版 整站资源 经典游戏源码
编程语言
微端制作 浏览器开发 VB 前端框架 后端开发 C++
微信开发
微信后端 Canvas 微信支付开发 支付宝开发 云融合 Xposed框架
分类
IT时讯 知识学习 招聘求职 科技专栏 VR资讯 VR开发
一起源码网 › 门户 › 微信小程序 › 查看主题

微信小程序 MD5js使用方法，请求接口轮播图

发布者: kwan1122 | 发布时间: 2018-5-19 20:24| 查看数: 3911| 评论数: 1|帖子模式

作者：woshihaiyong168，来自原文地址

一：MD5 方法js

更多md5相关内容，可以查看此帖：MD5加密中文的结果不一致 
生成的文件可以放在 utils文件中哦！！！

  1. /*  
  2.  * A JavaScript implementation of the RSA Data Security, Inc. MD5 Message  
  3.  * Digest Algorithm, as defined in RFC 1321.  
  4.  * Version 1.1 Copyright (C) Paul Johnston 1999 - 2002.  
  5.  * Code also contributed by Greg Holt  
  6.  * See  for details.  
  7.  */    
  9. /*  
  10.  * Add integers, wrapping at 2^32. This uses 16-bit operations internally  
  11.  * to work around bugs in some JS interpreters.  
  12.  */    
  13. function safe_add(x, y)    
  14. {    
  15.   var lsw = (x & 0xFFFF) + (y & 0xFFFF)    
  16.   var msw = (x >> 16) + (y >> 16) + (lsw >> 16)    
  17.   return (msw << 16) | (lsw & 0xFFFF)    
  18. }    
  20. /*  
  21.  * Bitwise rotate a 32-bit number to the left.  
  22.  */    
  23. function rol(num, cnt)    
  24. {    
  25.   return (num << cnt) | (num >>> (32 - cnt))    
  26. }    
  28. /*  
  29.  * These functions implement the four basic operations the algorithm uses.  
  30.  */    
  31. function cmn(q, a, b, x, s, t)    
  32. {    
  33.   return safe_add(rol(safe_add(safe_add(a, q), safe_add(x, t)), s), b)    
  34. }    
  35. function ff(a, b, c, d, x, s, t)    
  36. {    
  37.   return cmn((b & c) | ((~b) & d), a, b, x, s, t)    
  38. }    
  39. function gg(a, b, c, d, x, s, t)    
  40. {    
  41.   return cmn((b & d) | (c & (~d)), a, b, x, s, t)    
  42. }    
  43. function hh(a, b, c, d, x, s, t)    
  44. {    
  45.   return cmn(b ^ c ^ d, a, b, x, s, t)    
  46. }    
  47. function ii(a, b, c, d, x, s, t)    
  48. {    
  49.   return cmn(c ^ (b | (~d)), a, b, x, s, t)    
  50. }    
  52. /*  
  53.  * Calculate the MD5 of an array of little-endian words, producing an array  
  54.  * of little-endian words.  
  55.  */    
  56. function coreMD5(x)    
  57. {    
  58.   var a =  1732584193    
  59.   var b = -271733879    
  60.   var c = -1732584194    
  61.   var d =  271733878    
  63.   for(var i = 0; i < x.length; i += 16)    
  64.   {    
  65.     var olda = a    
  66.     var oldb = b    
  67.     var oldc = c    
  68.     var oldd = d    
  70.     a = ff(a, b, c, d, x[i+ 0], 7 , -680876936)    
  71.     d = ff(d, a, b, c, x[i+ 1], 12, -389564586)    
  72.     c = ff(c, d, a, b, x[i+ 2], 17,  606105819)    
  73.     b = ff(b, c, d, a, x[i+ 3], 22, -1044525330)    
  74.     a = ff(a, b, c, d, x[i+ 4], 7 , -176418897)    
  75.     d = ff(d, a, b, c, x[i+ 5], 12,  1200080426)    
  76.     c = ff(c, d, a, b, x[i+ 6], 17, -1473231341)    
  77.     b = ff(b, c, d, a, x[i+ 7], 22, -45705983)    
  78.     a = ff(a, b, c, d, x[i+ 8], 7 ,  1770035416)    
  79.     d = ff(d, a, b, c, x[i+ 9], 12, -1958414417)    
  80.     c = ff(c, d, a, b, x[i+10], 17, -42063)    
  81.     b = ff(b, c, d, a, x[i+11], 22, -1990404162)    
  82.     a = ff(a, b, c, d, x[i+12], 7 ,  1804603682)    
  83.     d = ff(d, a, b, c, x[i+13], 12, -40341101)    
  84.     c = ff(c, d, a, b, x[i+14], 17, -1502002290)    
  85.     b = ff(b, c, d, a, x[i+15], 22,  1236535329)    
  87.     a = gg(a, b, c, d, x[i+ 1], 5 , -165796510)    
  88.     d = gg(d, a, b, c, x[i+ 6], 9 , -1069501632)    
  89.     c = gg(c, d, a, b, x[i+11], 14,  643717713)    
  90.     b = gg(b, c, d, a, x[i+ 0], 20, -373897302)    
  91.     a = gg(a, b, c, d, x[i+ 5], 5 , -701558691)    
  92.     d = gg(d, a, b, c, x[i+10], 9 ,  38016083)    
  93.     c = gg(c, d, a, b, x[i+15], 14, -660478335)    
  94.     b = gg(b, c, d, a, x[i+ 4], 20, -405537848)    
  95.     a = gg(a, b, c, d, x[i+ 9], 5 ,  568446438)    
  96.     d = gg(d, a, b, c, x[i+14], 9 , -1019803690)    
  97.     c = gg(c, d, a, b, x[i+ 3], 14, -187363961)    
  98.     b = gg(b, c, d, a, x[i+ 8], 20,  1163531501)    
  99.     a = gg(a, b, c, d, x[i+13], 5 , -1444681467)    
  100.     d = gg(d, a, b, c, x[i+ 2], 9 , -51403784)    
  101.     c = gg(c, d, a, b, x[i+ 7], 14,  1735328473)    
  102.     b = gg(b, c, d, a, x[i+12], 20, -1926607734)    
  104.     a = hh(a, b, c, d, x[i+ 5], 4 , -378558)    
  105.     d = hh(d, a, b, c, x[i+ 8], 11, -2022574463)    
  106.     c = hh(c, d, a, b, x[i+11], 16,  1839030562)    
  107.     b = hh(b, c, d, a, x[i+14], 23, -35309556)    
  108.     a = hh(a, b, c, d, x[i+ 1], 4 , -1530992060)    
  109.     d = hh(d, a, b, c, x[i+ 4], 11,  1272893353)    
  110.     c = hh(c, d, a, b, x[i+ 7], 16, -155497632)    
  111.     b = hh(b, c, d, a, x[i+10], 23, -1094730640)    
  112.     a = hh(a, b, c, d, x[i+13], 4 ,  681279174)    
  113.     d = hh(d, a, b, c, x[i+ 0], 11, -358537222)    
  114.     c = hh(c, d, a, b, x[i+ 3], 16, -722521979)    
  115.     b = hh(b, c, d, a, x[i+ 6], 23,  76029189)    
  116.     a = hh(a, b, c, d, x[i+ 9], 4 , -640364487)    
  117.     d = hh(d, a, b, c, x[i+12], 11, -421815835)    
  118.     c = hh(c, d, a, b, x[i+15], 16,  530742520)    
  119.     b = hh(b, c, d, a, x[i+ 2], 23, -995338651)    
  121.     a = ii(a, b, c, d, x[i+ 0], 6 , -198630844)    
  122.     d = ii(d, a, b, c, x[i+ 7], 10,  1126891415)    
  123.     c = ii(c, d, a, b, x[i+14], 15, -1416354905)    
  124.     b = ii(b, c, d, a, x[i+ 5], 21, -57434055)    
  125.     a = ii(a, b, c, d, x[i+12], 6 ,  1700485571)    
  126.     d = ii(d, a, b, c, x[i+ 3], 10, -1894986606)    
  127.     c = ii(c, d, a, b, x[i+10], 15, -1051523)    
  128.     b = ii(b, c, d, a, x[i+ 1], 21, -2054922799)    
  129.     a = ii(a, b, c, d, x[i+ 8], 6 ,  1873313359)    
  130.     d = ii(d, a, b, c, x[i+15], 10, -30611744)    
  131.     c = ii(c, d, a, b, x[i+ 6], 15, -1560198380)    
  132.     b = ii(b, c, d, a, x[i+13], 21,  1309151649)    
  133.     a = ii(a, b, c, d, x[i+ 4], 6 , -145523070)    
  134.     d = ii(d, a, b, c, x[i+11], 10, -1120210379)    
  135.     c = ii(c, d, a, b, x[i+ 2], 15,  718787259)    
  136.     b = ii(b, c, d, a, x[i+ 9], 21, -343485551)    
  138.     a = safe_add(a, olda)    
  139.     b = safe_add(b, oldb)    
  140.     c = safe_add(c, oldc)    
  141.     d = safe_add(d, oldd)    
  142.   }    
  143.   return [a, b, c, d]    
  144. }    
  146. /*  
  147.  * Convert an array of little-endian words to a hex string.  
  148.  */    
  149. function binl2hex(binarray)    
  150. {    
  151.   var hex_tab = "0123456789abcdef"    
  152.   var str = ""    
  153.   for(var i = 0; i < binarray.length * 4; i++)    
  154.   {    
  155.     str += hex_tab.charAt((binarray[i>>2] >> ((i%4)*8+4)) & 0xF) +    
  156.            hex_tab.charAt((binarray[i>>2] >> ((i%4)*8)) & 0xF)    
  157.   }    
  158.   return str    
  159. }    
  161. /*  
  162.  * Convert an array of little-endian words to a base64 encoded string.  
  163.  */    
  164. function binl2b64(binarray)    
  165. {    
  166.   var tab = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/"    
  167.   var str = ""    
  168.   for(var i = 0; i < binarray.length * 32; i += 6)    
  169.   {    
  170.     str += tab.charAt(((binarray[i>>5] << (i%32)) & 0x3F) |    
  171.                       ((binarray[i>>5+1] >> (32-i%32)) & 0x3F))    
  172.   }    
  173.   return str    
  174. }    
  176. /*  
  177.  * Convert an 8-bit character string to a sequence of 16-word blocks, stored  
  178.  * as an array, and append appropriate padding for MD4/5 calculation.  
  179.  * If any of the characters are >255, the high byte is silently ignored.  
  180.  */    
  181. function str2binl(str)    
  182. {    
  183.   var nblk = ((str.length + 8) >> 6) + 1 // number of 16-word blocks    
  184.   var blks = new Array(nblk * 16)    
  185.   for(var i = 0; i < nblk * 16; i++) blks[i] = 0    
  186.   for(var i = 0; i < str.length; i++)    
  187.     blks[i>>2] |= (str.charCodeAt(i) & 0xFF) << ((i%4) * 8)    
  188.   blks[i>>2] |= 0x80 << ((i%4) * 8)    
  189.   blks[nblk*16-2] = str.length * 8    
  190.   return blks    
  191. }    
  193. /*  
  194.  * Convert a wide-character string to a sequence of 16-word blocks, stored as  
  195.  * an array, and append appropriate padding for MD4/5 calculation.  
  196.  */    
  197. function strw2binl(str)    
  198. {    
  199.   var nblk = ((str.length + 4) >> 5) + 1 // number of 16-word blocks    
  200.   var blks = new Array(nblk * 16)    
  201.   for(var i = 0; i < nblk * 16; i++) blks[i] = 0    
  202.   for(var i = 0; i < str.length; i++)    
  203.     blks[i>>1] |= str.charCodeAt(i) << ((i%2) * 16)    
  204.   blks[i>>1] |= 0x80 << ((i%2) * 16)    
  205.   blks[nblk*16-2] = str.length * 16    
  206.   return blks    
  207. }    
  209. /*  
  210.  * External interface  
  211.  */    
  212. function hexMD5 (str) { return binl2hex(coreMD5( str2binl(str))) }    
  213. function hexMD5w(str) { return binl2hex(coreMD5(strw2binl(str))) }    
  214. function b64MD5 (str) { return binl2b64(coreMD5( str2binl(str))) }    
  215. function b64MD5w(str) { return binl2b64(coreMD5(strw2binl(str))) }    
  216. /* Backward compatibility */    
  217. function calcMD5(str) { return binl2hex(coreMD5( str2binl(str))) }    
  218. module.exports = {    
  219.   hexMD5: hexMD5    
  220. }

使用方式 ：

  1. var utilMd5 = require('../../utils/md5.js');   
  2. var password = utilMd5.hexMD5(password);

二：请求接口轮播

最近小程序特别火，笔者也来一探究竟！

这次我们采用了tpshop开源框架与微信小程序接口写了一个简单的轮播图栗子！

效果展示： 

实现思路：

通过小程序post请求调取toshop接口返回json数据，之后利用小程序标签swiper 来实现轮播图效果！！！

代码示例： 
准备工作：

因为我们要使用md5来加密生成与接口的秘钥而js中没有PHPmd5方法，所以我们需要添加一个小程序版的md5.js 文件 
md5.js 本文第一部分即是

因为我们post提交值 但是我们传值必须要转译一下,所以我们在util.js文件中加入以下代码：

  1. function json2Form(json) {   
  2.   var str = [];   
  3.   for(var p in json){   
  4.     str.push(encodeURIComponent(p) + "=" + encodeURIComponent(json[p]));   
  5.   }   
  6.   return str.join("&");   
  7. }   
  9. module.exports = {   
  10.  json2Form:json2Form,   
  11. }

下面展示代码： 
index.js 请求接口

  1. //index.js  
  2. //获取应用实例  
  3. // pages/shop/index.js  
  4. var utilMd5 = require('../../utils/md5.js');    
  5. var util = require('../../utils/util.js');   
  6. Page({  
  7.   data:{  
  8.       duration: 2000,  
  9.       indicatorDots: true,  
  10.       autoplay: true,  
  11.       interval: 4000,  
  12.       loading: false,  
  13.       plain: false  
  14.   },  
  15.   onLoad:function(options){  
  16.     //获去轮播信息   
  17.     var that = this;  
  18.     var username = '13800138006';  
  19.     var password = '123456';  
  20.     var unique_id = '789789';  
  21.     var key = 'shop';  
  22.     var time = Date.now();      
  23.     var sign = utilMd5.hexMD5(password+unique_id+username+time+key);   
  24.     console.log(time);  
  25.     console.log(sign);  
  26.     // that = this;   
  27.     wx.request( {    
  28.       url: "",    
  29.       header: {    
  30.         "Content-Type": "application/x-www-form-urlencoded"    
  31.       },    
  32.       method: "POST",  
  33.       data: util.json2Form( {   
  34.         username: username,   
  35.         password: password,  
  36.         unique_id: unique_id,  
  37.         time : time,  
  38.         sign : sign   
  39.         }),    
  40.       success: function(res) {  
  41.         that.setData({  
  42.            bannerImg: res.data.result.ad,  
  44.            goodsList: res.data.result.goods  
  45.         })  
  46.        console.log(res.data)  
  47.        console.log(res.data.result.ad),  
  48.        console.log(res.data.result.goods)  
  49.       }  
  50.     })  
  54.     // 页面初始化 options为页面跳转所带来的参数  
  55.   },  
  57.   onReady:function(){  
  58.     // 页面渲染完成  
  59.   },  
  60.   onShow:function(){  
  61.     // 页面显示  
  62.   },  
  63.   onHide:function(){  
  64.     // 页面隐藏  
  65.   },  
  66.   onUnload:function(){  
  67.     // 页面关闭  
  68.   }  
  70. })

index.wxml

  1. <!--index.wxml-->  
  2. <!--轮播 -->  
  3. <view class="banner" >  
  4. <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" class="banners" interval="{{interval}}" duration="{{duration}}">  
  5.     <block wx:for="{{bannerImg}}" wx:key="{{banner}}">  
  6.       <swiper-item class="banner" >  
  7.           <image src="{{item.ad_code}}" data-id="{{item.ad_link}}"  bindtap="bindViewTap" class="banner-image" />  
  8.            <!--<text class="banner-title">{{item.ad_name}}</text>-->  
  9.       </swiper-item>  
  10.     </block>  
  11. </swiper>  
  12. </view>

index..wxss

  1. .swiper{  
  2.   width:100%;  
  3.   height:300rpx  
  4. }  
  6. swiper image{   
  7.    width:100%;  
  8.    height:300rpx  
  9. }

之后就完成操作了！！！！！！

小程序云开发

最新评论

404NotFound 发表于 2022-6-17 08:49
源代码怎么下载音乐

浏览过的版块

轻源码让程序更轻更快

QingYuanMa.com

工作时间 周一至周六 8:00-17:30

侵权处理

客服QQ点击咨询
城事
话题关注
网上民生
新闻拍客
情感家园
生活
房产资讯
汽车生活
谈婚论嫁
妈妈宝贝
游戏设计
动设计
91游戏
VIP游戏
轻松APP
友情链接
爱秒云
真考题
随手APP
goodpay

关注抖音号

定期抽VIP

设为首页 加入收藏手机版小黑屋

Copyright © 2016-2021 https://www.171739.xyz/ 滇ICP备13200218号

快速回复 返回顶部 返回列表