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弹出对话框返回值代码(asp.net后台)
Dec 28 Javascript
初识JQuery 实例一(first)
Mar 16 Javascript
漂亮的jquery提示效果(仿腾讯弹出层)
Feb 05 Javascript
JavaScript继承基础讲解(原型链、借用构造函数、混合模式、原型式继承、寄生式继承、寄生组合式继承)
Aug 16 Javascript
jquery实现增加删除行的方法
Feb 03 Javascript
在原生不支持的旧环境中添加兼容的Object.keys实现方法
Sep 11 Javascript
微信小程序中实现手指缩放图片的示例代码
Mar 13 Javascript
jQuery实现模糊搜索功能的方法分析
Jun 29 jQuery
使用layer弹窗提交表单时判断表单是否输入为空的例子
Sep 26 Javascript
Vuex中的Mutations的具体使用方法
Jun 01 Javascript
javascript实现前端成语点击验证
Jun 24 Javascript
Vue+Flask实现图片传输功能
Apr 01 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 在线翻译函数代码
2009/05/07 PHP
php date与gmdate的获取日期的区别
2010/02/08 PHP
PHP根据IP地址获取所在城市具体实现
2013/11/27 PHP
php实现微信分享朋友链接功能
2019/02/18 PHP
JavaScript 对象、函数和继承
2009/07/07 Javascript
jQuery 入门级学习笔记及源码
2010/01/22 Javascript
无缝滚动改进版支持上下左右滚动(封装成函数)
2012/12/04 Javascript
编写js扩展方法判断一个数组中是否包含某个元素
2013/11/08 Javascript
JavaScript动态添加列的方法
2015/03/25 Javascript
jQuery实现时尚漂亮的弹出式对话框实例
2015/08/07 Javascript
详解原生JavaScript实现jQuery中AJAX处理的方法
2016/05/10 Javascript
深入解析Javascript闭包的功能及实现方法
2016/07/10 Javascript
原生js+cookie实现购物车功能的方法分析
2017/12/21 Javascript
微信小程序实现美团菜单
2018/06/06 Javascript
Vue keepAlive 数据缓存工具实现返回上一个页面浏览的位置
2019/05/10 Javascript
微信小程序 SOTER 生物认证DEMO 指纹识别功能
2019/12/13 Javascript
vue模块移动组件的实现示例
2020/05/20 Javascript
vue+element_ui上传文件,并传递额外参数操作
2020/12/05 Vue.js
[44:10]2018DOTA2亚洲邀请赛 4.5 淘汰赛 EG vs VP 第一场
2018/04/06 DOTA
Python Matplotlib库入门指南
2015/05/18 Python
Python机器学习之SVM支持向量机
2017/12/27 Python
简单的python协同过滤程序实例代码
2018/01/31 Python
python实现手机通讯录搜索功能
2018/02/22 Python
python构建深度神经网络(DNN)
2018/03/10 Python
Python 中导入csv数据的三种方法
2018/11/01 Python
python实现微信每日一句自动发送给喜欢的人
2019/04/29 Python
python paramiko远程服务器终端操作过程解析
2019/12/14 Python
Python tkinter 下拉日历控件代码
2020/03/04 Python
Python使用os.listdir和os.walk获取文件路径
2020/05/21 Python
教师党性分析材料
2014/02/04 职场文书
医学检验专业自荐信
2014/09/18 职场文书
食堂采购员岗位职责
2015/04/03 职场文书
保护环境的宣传语
2015/07/13 职场文书
观看安全警示教育片心得体会
2016/01/15 职场文书
2016年党员岗位承诺书
2016/03/24 职场文书
MySQL普通表如何转换成分区表
2022/05/30 MySQL