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 相关文章推荐
基于Jquery的表格隔行换色,移动换色,点击换色插件
Dec 22 Javascript
JavaScript生成随机数的4种自定义函数分享
Feb 28 Javascript
基于jquery实现ajax无刷新评论
Aug 19 Javascript
怎么引入(调用)一个JS文件
May 26 Javascript
jQuery页面元素动态添加后绑定事件丢失方法,非 live
Jun 16 Javascript
微信小程序 封装http请求实例详解
Jan 16 Javascript
如何在vue中使用ts的示例代码
Feb 28 Javascript
Vue 开发音乐播放器之歌手页右侧快速入口功能
Aug 08 Javascript
vue elementUI table 自定义表头和行合并的实例代码
May 22 Javascript
JS面试题中深拷贝的实现讲解
May 07 Javascript
vue组件中实现嵌套子组件案例
Aug 31 Javascript
小程序实现点击tab切换左右滑动
Nov 16 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实现的蚂蚁爬杆路径算法代码
2015/12/03 PHP
几个优化WordPress中JavaScript加载体验的插件介绍
2015/12/17 PHP
smarty高级特性之过滤器的使用方法
2015/12/25 PHP
使用PHP免费发送定时短信的实例
2016/10/24 PHP
javascript中使用replaceAll()函数实现字符替换的方法
2010/12/25 Javascript
Uglifyjs(JS代码优化工具)入门 安装使用
2020/04/13 Javascript
js 在定义的时候立即执行的函数表达式(function)写法
2013/01/16 Javascript
使用JS取得焦点(focus)元素代码
2014/03/22 Javascript
js转化毫秒为时间格式代码
2014/04/10 Javascript
jQuery响应鼠标事件并隐藏与显示input默认值
2014/08/24 Javascript
js实现文字无缝向上滚动
2017/02/16 Javascript
JavaScript评论点赞功能的实现方法
2017/03/13 Javascript
React+Webpack快速上手指南(小结)
2018/08/15 Javascript
Vuex中的State使用介绍
2019/01/19 Javascript
基于vue框架手写一个notify插件实现通知功能的方法
2019/03/31 Javascript
vue集成kindeditor富文本的实现示例代码
2019/06/07 Javascript
[01:01:18]DOTA2上海特级锦标赛主赛事日 - 2 败者组第二轮#2COL VS LGD
2016/03/03 DOTA
[20:39]DOTA2-DPC中国联赛 正赛开幕式 1月18日
2021/03/11 DOTA
Python使用Mechanize模块编写爬虫的要点解析
2016/03/31 Python
对PyTorch torch.stack的实例讲解
2018/07/30 Python
django基于存储在前端的token用户认证解析
2019/08/06 Python
详解一种用django_cache实现分布式锁的方式
2019/09/01 Python
PyCharm永久激活方式(推荐)
2020/09/22 Python
在Sublime Editor中配置Python环境的详细教程
2020/05/03 Python
关于Kotlin中SAM转换的那些事
2020/09/15 Python
python 调用Google翻译接口的方法
2020/12/09 Python
Python数据分析库pandas高级接口dt的使用详解
2020/12/11 Python
Python tkinter之ComboBox(下拉框)的使用简介
2021/02/05 Python
英国二手iPhone、音乐、电影和游戏商店:musicMagpie
2018/10/26 全球购物
Zatchels官网:英国剑桥包品牌
2021/01/12 全球购物
如何进行有效的自我评价
2013/09/27 职场文书
2014年纪检部工作总结
2014/11/12 职场文书
研究生个人学年总结
2015/02/14 职场文书
给校长的建议书作文400字
2015/09/14 职场文书
2015年评职称个人工作总结
2015/10/15 职场文书
你会写报告?产品体验报告到底该怎么写?
2019/08/14 职场文书