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 相关文章推荐
extjs form textfield的隐藏方法
Dec 29 Javascript
js实现一个省市区三级联动选择框代码分享
Mar 06 Javascript
js传中文参数controller里获取参数乱码问题解决方法
Jan 03 Javascript
javascript实现框架高度随内容改变的方法
Jul 23 Javascript
jQuery Chosen通用初始化
Mar 07 Javascript
JavaScript数据类型和变量_动力节点Java学院整理
Jun 26 Javascript
JavaScript实现学生在线做题计时器功能
Dec 05 Javascript
js的各种数据类型判断的介绍
Jan 19 Javascript
element-ui中Table表格省市区合并单元格的方法实现
Aug 07 Javascript
微信小程序实现图片翻转效果的实例代码
Sep 20 Javascript
vue+element树组件 实现树懒加载的过程详解
Oct 21 Javascript
详解为什么Vue中的v-if和v-for不建议一起用
Jan 13 Vue.js
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信号量基本用法实例详解
2016/02/12 PHP
php微信高级接口调用方法(自定义菜单接口、客服接口、二维码)
2016/11/28 PHP
多广告投放代码 推荐
2006/11/13 Javascript
电子商务网站上的常用的js放大镜效果
2011/12/08 Javascript
精心挑选的15个jQuery下拉菜单制作教程
2012/06/15 Javascript
js中通过split函数分割字符串成数组小例子
2013/09/21 Javascript
JS网页播放声音实现代码兼容各种浏览器
2013/09/22 Javascript
用JS实现3D球状标签云示例代码
2013/12/01 Javascript
JS比较2个日期间隔的示例代码
2014/04/15 Javascript
js清空form表单中的内容示例
2014/05/20 Javascript
JavaScript将取代AppleScript?
2014/09/18 Javascript
JS实现网页表格自动变大缩小的方法
2015/03/09 Javascript
jquery根据一个值来选中select下的option实例代码
2016/08/29 Javascript
Angularjs实现搜索关键字高亮显示效果
2017/01/17 Javascript
详解angularJS动态生成的页面中ng-click无效解决办法
2017/06/19 Javascript
详解webpack-dev-server 设置反向代理解决跨域问题
2018/04/18 Javascript
Vue使用.sync 实现父子组件的双向绑定数据问题
2019/04/04 Javascript
nodejs dgram模块广播+组播的实现示例
2019/11/04 NodeJs
详解JavaScript之Array.reduce源码解读
2020/11/01 Javascript
结合Python的SimpleHTTPServer源码来解析socket通信
2016/06/27 Python
Python操作MongoDB详解及实例
2017/05/18 Python
Django实现表单验证
2018/09/08 Python
Python正则表达式和元字符详解
2018/11/29 Python
django xadmin 管理器常用显示设置方式
2020/03/11 Python
Python实现查找数据库最接近的数据
2020/06/08 Python
python3 简单实现组合设计模式
2020/07/02 Python
联想瑞士官方网站:Lenovo Switzerland
2017/11/19 全球购物
皇家阿尔伯特英国官方商店:Royal Albert骨瓷
2019/03/25 全球购物
最新教师自我评价分享
2013/11/12 职场文书
优秀英语专业毕业生求职信
2013/11/23 职场文书
旺仔牛奶广告词
2014/03/20 职场文书
电子商务助理求职自荐信
2014/04/10 职场文书
借款担保书范文
2014/05/13 职场文书
2014年中职班主任工作总结
2014/12/16 职场文书
护士求职简历自我评价
2015/03/10 职场文书
地道战观后感300字
2015/06/04 职场文书