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 相关文章推荐
js中的getAttribute方法使用示例
Aug 01 Javascript
使用pjax实现无刷新更改页面url
Feb 05 Javascript
jQuery无刷新切换主题皮肤实例讲解
Oct 21 Javascript
js实现仿微博滚动显示信息的效果
Dec 21 Javascript
JavaScript继承模式粗探
Jan 12 Javascript
值得分享和收藏的Bootstrap学习教程
May 12 Javascript
jQuery给div,Span, a ,button, radio 赋值与取值
Jun 24 Javascript
微信小程序 navigation API实例详解
Oct 02 Javascript
JS作用域深度解析
Dec 29 Javascript
使用travis-ci如何持续部署node.js应用详解
Jul 30 Javascript
js前端如何写一个精确的倒计时代码
Oct 25 Javascript
在node环境下parse Smarty模板的使用示例代码
Nov 15 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
ADODB结合SMARTY使用~超级强
2006/11/25 PHP
PHP字符串处理的10个简单方法
2010/06/30 PHP
php中通过DirectoryIterator删除整个目录的方法
2015/03/13 PHP
php字符串函数学习之strstr()
2015/03/27 PHP
jquery获取多个checkbox的值异步提交给php的方法
2015/06/24 PHP
PHP简单生成缩略图相册的方法
2015/07/29 PHP
合格的PHP程序员必备技能
2015/11/13 PHP
golang与php实现计算两个经纬度之间距离的方法
2016/07/22 PHP
php+mysql+jquery实现日历签到功能
2017/02/27 PHP
PHP实现基于栈的后缀表达式求值功能
2017/11/10 PHP
PHP实现的mysql读写分离操作示例
2018/05/22 PHP
避免 showModalDialog 弹出新窗体的原因分析
2010/05/31 Javascript
扩展js对象数组的OrderByAsc和OrderByDesc方法实现思路
2013/05/17 Javascript
原生JS操作网页给p元素添加onclick事件及表格隔行变色
2013/12/01 Javascript
js实现适用于素材网站的黑色多级菜单导航条效果
2015/08/24 Javascript
iscroll.js的上拉下拉刷新时无法回弹的解决方法
2016/02/18 Javascript
jQuery插件简单学习实例教程
2016/07/01 Javascript
总结Node.js中的一些错误类型
2016/08/15 Javascript
jqgrid实现简单的单行编辑功能
2017/09/30 Javascript
ReactNative之FlatList的具体使用方法
2017/11/29 Javascript
微信小程序实现时间进度条功能
2020/11/17 Javascript
Python机器学习之SVM支持向量机
2017/12/27 Python
Python 将pdf转成图片的方法
2018/04/23 Python
windows下python和pip安装教程
2018/05/25 Python
python文件操作的简单方法总结
2019/11/07 Python
python多维数组分位数的求取方式
2020/03/03 Python
HTML5 Blob 实现文件下载功能的示例代码
2019/11/29 HTML / CSS
固特异美国在线轮胎店:Goodyear Tire
2019/02/23 全球购物
摄影实习自我鉴定
2013/09/20 职场文书
电子商务专业在校生实习自我鉴定
2013/09/29 职场文书
周鸿祎:教你写创业计划书
2013/12/30 职场文书
大学生见习报告总结
2014/11/04 职场文书
世界遗产导游词
2015/02/13 职场文书
禁毒主题班会教案
2015/08/14 职场文书
SQL注入详解及防范方法
2021/12/06 MySQL
go goth封装第三方认证库示例详解
2022/08/14 Golang