广告
返回顶部
首页 > 资讯 > 精选 >小程序页面传参数怎么加密
  • 647
分享到

小程序页面传参数怎么加密

2024-04-02 19:04:59 647人浏览 泡泡鱼
摘要

小程序页面传参数加密的案例:封装了一个url.js工具类,代码:// 构建urlconst buildURL = (url, query = {}, isSeq

小程序页面传参数怎么加密

小程序页面传参数加密的案例:

封装了一个url.js工具类,代码:

// 构建url

const buildURL = (url, query = {}, isSequence = true) => {

  if (!query) return url

  const joiner = url.match(/\?/) ? '&' : '?'

  const queryStr = Object.keys(query)

    .map(key => `${key}=${encodeURIComponent(isSequence ? JSON.stringify(query[key]) : query[key])}`)

    .join('&')

  return url + joiner + queryStr

}

// 解析query对象

const decodeQuery = (originQuery = {}, isSequence = true) => {

  const result = {}

  if (!originQuery) return {}

  return Object.keys(originQuery).reduce((prev, curr) => {

    result[curr] = decodeURIComponent(originQuery[curr])

    if (isSequence) {

      result[curr] = JSON.parse(result[curr])

    }

    return result

  }, result)

}

module.exports = {

  buildURL,

  decodeQuery

}

传递时加密,大括号里面可以任意添加任何参数,在解密取值时在根据传值取出来。代码:

let url = app.urlHelper.buildURL('/pages/laugh/detail/index', {

      item: this.data.item

    })

 

wx.navigateTo({

      url,

    })

使用时解密,在页面onLoad方法中,添加代码:

onLoad: function(options) {

    let item = app.urlHelper.decodeQuery(options).item

}

--结束END--

本文标题: 小程序页面传参数怎么加密

本文链接: https://www.lsjlt.com/news/116743.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • 小程序页面传参数怎么加密
    小程序页面传参数加密的案例:封装了一个url.js工具类,代码:// 构建urlconst buildURL = (url, query = {}, isSeq...
    99+
    2022-10-05
  • h5页面怎么向小程序传参数
    在h5页面中实现向小程序传参数的方法在h5页面携带参数跳转到小程序$(function () {//小程序发送信息wx.miniProgram.getEnv(function (res) {if (res.miniprogram) {var...
    99+
    2022-10-09
  • 微信小程序item怎么页面传参
    微信小程序item页面传参的案例:A页面data-id="{{item.id}}"为标记列表的下标,item.id的来源与wx:for="{{ components }}"的列表渲染bindtap=&...
    99+
    2022-10-19
  • 微信小程序怎么传参给当前页面
    微信小程序传参给当前页面的方法:用 navigator标签传值或 wx.navigator。<navigator class="hotCateColumn" url="../detai...
    99+
    2022-10-21
  • 微信小程序页面如何传递参数
    微信小程序页面传递参数的示例:示例1:在对应的wxml文件中添加以下代码:<block wx:for="{{postList}}" wx:for-item="item"&nb...
    99+
    2022-10-20
  • 小程序如何传参到tabar页面
    微信小程序使用wx.reLaunch传参到tabar页面用wx.reLaunch进行跳转 , 地址后跟上想要传递的参数,代码如下:getInfo(){let that = this;wx.request({ur...
    99+
    2022-10-21
  • 小程序页面路径参数怎么看
    小程序获取当前页面路径及参数的代码:export function getCurrentPageUrlWithArgs() {const pages = getCurrentPag...
    99+
    2022-10-06
  • 微信小程序如何向父页面传递参数
    在微信小程序中利用小程序盏队功能向父页面传递参数,实现代码如下:let pagetotal = getCurrentPages(),//获取盏队thispage = pagetotal[pagetotal.length - 1],//子页面...
    99+
    2022-10-04
  • 小程序跨页面传递参数的几种方式
    当我们在开发小程序时,经常会遇到需要在不同页面之间传递数据的情况。为了实现页面间的数据传递,小程序提供了多种方法。下面将介绍几种常用的传递数据的方法。 URL参数传递:这是一种简单直接的传递数据的方式。在跳转页面时,可以在URL中添加参数来...
    99+
    2023-10-26
    小程序
  • 微信小程序中怎么实现页面间跳转传参
    微信小程序中怎么实现页面间跳转传参,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。缓存虽然URL传参比较简单易用,但也有局限性,...
    99+
    2022-10-19
  • 二维码带参数跳转小程序页面,小程序获取参数。
    功能介绍 普通链接二维码,是指开发者使用工具对网页链接进行编码后生成的二维码。 线下商户可不需更换线下二维码,在小程序后台完成配置后,即可在用户扫描普通链接二维码时打开小程序,使用小程序的功能。 对于...
    99+
    2023-10-24
    小程序 前端
  • 小程序如何实现页面之间的传参
    使用url带参数传递数据代码实现:toSomeone: function (event) {wx.navigateTo({url: 'some/someid=' + ...
    99+
    2022-10-06
  • 小程序分享出去的页面怎么带参数
    小程序分享页面带参数的方法:打开index.js文件。添加小程序分享函数onShareAppMessage。在分享函数里定义要携带的参数,如定义一个用户uid。定义一个分享标题title,同时定义一个分享链接path,并把上面的参数uid添...
    99+
    2022-10-05
  • 小程序js页面怎么加样式
    小程序js页面加样式的案例:在对应的.wxml文件中添加以下代码:<view >  <view class="cont" style="bac...
    99+
    2022-10-16
  • 小程序怎么将值传到tab页面
    小程序将值传到tab页面的案例: wx.switchTab({   url: '../../message/message/message', }) 若wx.switchTab ur...
    99+
    2022-10-05
  • 小程序怎么让页面延时加载
    使用定时器延迟跳转,实现页面延时加载wx.showToast({title: "成功修改",icon: 'success',duration: 2000,})setTimeo...
    99+
    2022-10-15
  • 微信小程序js页面间怎么传值
    本文小编为大家详细介绍“微信小程序js页面间怎么传值”,内容详细,步骤清晰,细节处理妥当,希望这篇“微信小程序js页面间怎么传值”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。  1.js页面间的传值:url: &...
    99+
    2023-06-26
  • 微信小程序怎么自定义组件与页面的相互传参
    本篇内容介绍了“微信小程序怎么自定义组件与页面的相互传参”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!1. 自定义组件小程序允许我们使用自定...
    99+
    2023-06-30
  • 微信小程序如何实现页面之间的传参
    这篇文章主要介绍了微信小程序如何实现页面之间的传参,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。微信小程序 传参:实现效果图:微信小程序在两...
    99+
    2022-10-19
  • 微信小程序中如何实现页面跳转和参数传递
    这篇文章主要为大家展示了“微信小程序中如何实现页面跳转和参数传递”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“微信小程序中如何实现页面跳转和参数传递”这篇文章吧...
    99+
    2022-10-19
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作