apicloud拉起小程序并传递参数的方法示例


Posted in Javascript onNovember 21, 2018

最近工作中遇到一个需求:App拉起微信小程序。App是用APICloud开发的。查阅APICloud文档发现 端API->开放SDK->wx模块下有launchMiniProgram方法可以实现官方文档

于是在项目中添加wx模块。

官方示例代码:

var wx = api.require('wx');
wx.launchMiniProgram({
  apiKey: '', // 字符串,微信开放平台获取的appid, 不传则从当前widget的config.xml中读取
  miniProgramType: 'test', // 字符串,['test', 'preview', 'release'](开发版,体验版,正式版)默认test
  userName: '', // 字符串,小程序的原始ID
  path: '', // 字符串,拉起小程序页面的可带参数路径,不填默认拉起小程序首页
}, function(ret, err) {
  if (ret.status) {
    alert('成功');
  } else {
    alert(err.code);
  }
});

按照官方文档配置发现只能跳转到微信,不能拉起小程序。

apicloud App端代码:

config.xml文件小程序有关配置如下:

<feature name="wx">
  <param name="urlScheme" value="wx1007b2********68"/>
  <param name="apiKey" value="wx1007b2********68"/>
  <param name="apiSecret" value="3******67176****39244b********25"/>
 </feature>

拉起小程序相关代码:

function launchMini () {
  var wx = api.require('wx')
  wx.launchMiniProgram({
    // apiKey: '', // 不知道是因为配置文件中已经配置过了还是什么原因,带上该项参数仅能打开微信,无法拉起小程序,注释后成功拉起小程序
    miniProgramType: 'preview',
    userName: 'gh_******',
    path: 'pages/index/index?from=app666' // 传递参数from 值为 app666
  }, function(ret, err) {
    if (ret.status) {
      alert('成功')
    } else {
      alert(err.code)
    }
  }
}

小程序端代码:

index.js

onLoad: function (options) {
  console.log(options)
  console.log(options.from) // 'app666'
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
巧妙破除网页右键禁用的十大绝招
Aug 12 Javascript
一步一步教你写一个jQuery的插件教程(Plugin)
Sep 03 Javascript
用js代码改变单选框选中状态的简单实例
Dec 18 Javascript
jQuery中prevUntil()方法用法实例
Jan 08 Javascript
jQuery制作效果超棒的手风琴折叠菜单
Apr 03 Javascript
如何解决easyui自定义标签 datagrid edit combobox 手动输入保存不上
Dec 26 Javascript
jquery动态切换背景图片的简单实现方法
May 14 Javascript
CSS+jQuery实现简单的折叠菜单
Dec 20 Javascript
angular 动态组件类型详解(四种组件类型)
Feb 22 Javascript
JS对象深度克隆实例分析
Mar 16 Javascript
一百行JS代码实现一个校验工具
Apr 30 Javascript
基于vue 动态菜单 刷新空白问题的解决
Aug 06 Javascript
vue中组件的过渡动画及实现代码
Nov 21 #Javascript
详解promise.then,process.nextTick, setTimeout 以及 setImmediate的执行顺序
Nov 21 #Javascript
Nuxt.js之自动路由原理的实现方法
Nov 21 #Javascript
nuxt.js中间件实现拦截权限判断的方法
Nov 21 #Javascript
Nuxt.js SSR与权限验证的实现
Nov 21 #Javascript
详解nuxt路由鉴权(express模板)
Nov 21 #Javascript
使用vue-cli webpack 快速搭建项目的代码
Nov 21 #Javascript
You might like
PHP通过内置函数memory_get_usage()获取内存使用情况
2014/11/20 PHP
一个非常完美的读写ini格式的PHP配置类分享
2015/02/12 PHP
搭建Vim为自定义的PHP开发工具的一些技巧
2015/12/11 PHP
thinkPHP实现多字段模糊匹配查询的方法
2016/12/01 PHP
详解php 使用Callable Closure强制指定回调类型
2017/10/26 PHP
PHP折半(二分)查找算法实例分析
2018/05/12 PHP
Javascript !!的作用
2008/12/04 Javascript
jquery 简单应用示例总结
2013/08/09 Javascript
JavaScript删除数组元素的方法
2015/03/20 Javascript
jQuery实现仿腾讯微博滑出效果报告每日天气的方法
2015/05/11 Javascript
jQuery实现鼠标经过时出现隐藏层文字链接的方法
2015/10/12 Javascript
jQuery中ztree 点击文本框弹出下拉框的实例代码
2017/02/05 Javascript
vue+vuex+axios+echarts画一个动态更新的中国地图的方法
2017/12/19 Javascript
Vue.js 踩坑记之双向绑定
2018/05/03 Javascript
详解react native页面间传递数据的几种方式
2018/11/07 Javascript
vue实现点击隐藏与显示实例分享
2019/02/13 Javascript
js实现简单商品筛选功能
2021/02/02 Javascript
Django的URLconf中使用缺省视图参数的方法
2015/07/18 Python
python使用threading获取线程函数返回值的实现方法
2017/11/15 Python
Python 加密与解密小结
2018/12/06 Python
Python 实现交换矩阵的行示例
2019/06/26 Python
python 计算平均平方误差(MSE)的实例
2019/06/29 Python
使用TensorFlow直接获取处理MNIST数据方式
2020/02/10 Python
Python中包的用法及安装
2020/02/11 Python
PyCharm 专业版安装图文教程
2020/02/20 Python
基于python实现把json数据转换成Excel表格
2020/05/07 Python
size?丹麦官网:英国伦敦的球鞋精品店
2019/04/15 全球购物
英国领先的露营和露营车品牌之一:OLPRO
2019/08/06 全球购物
老师自我鉴定范文
2013/12/25 职场文书
先进集体事迹材料
2014/02/17 职场文书
研究生简历自我评价范文
2014/09/13 职场文书
2014年安全员工作总结
2014/11/13 职场文书
先进单位事迹材料
2014/12/25 职场文书
教师教育心得体会
2016/01/19 职场文书
MySQL中日期型单行函数代码详解
2021/06/21 MySQL
纯html+css实现Element loading效果
2021/08/02 HTML / CSS