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模拟点击以提交表单为例兼容主流浏览器
Nov 29 Javascript
浅谈javascript中createElement事件
Dec 05 Javascript
jQuery实现的调整表格行tr上下顺序
Jan 10 Javascript
JavaScript中removeChild 方法开发示例代码
Aug 15 Javascript
关于验证码在IE中不刷新的快速解决方法
Sep 23 Javascript
微信小程序之仿微信漂流瓶实例
Dec 09 Javascript
angularjs中使用ng-bind-html和ng-include的实例
Apr 28 Javascript
vue axios 表单提交上传图片的实例
Mar 16 Javascript
jQuery+ajax实现批量删除功能完整示例
Jun 06 jQuery
jQuery事件委托代码实践详解
Jun 21 jQuery
js对象数组和对象的使用实例详解
Aug 27 Javascript
解决Vue @submit 提交后不刷新页面问题
Jul 18 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中addslashes函数与sql防注入
2014/11/17 PHP
Android中资源文件(非代码部分)的使用概览
2012/12/18 Javascript
js通过元素class名字获取元素集合的具体实现
2014/01/06 Javascript
jQuery关键词说明插件cluetip使用指南
2015/04/21 Javascript
jQuery子窗体取得父窗体元素的方法
2015/05/11 Javascript
jQuery实现元素拖拽并cookie保存顺序的方法
2016/02/20 Javascript
JavaScript字符串常用的方法
2016/03/10 Javascript
js实现界面向原生界面发消息并跳转功能
2016/11/22 Javascript
javascript添加前置0(补零)的几种方法
2017/01/05 Javascript
jQuery 插件实现随机自由弹跳气泡样式
2017/01/12 Javascript
JS实现快速比较两个字符串中包含有相同数字的方法
2017/09/11 Javascript
vue动态绑定组件子父组件多表单验证功能的实现代码
2018/05/14 Javascript
vue.js中proxyTable 转发请求的实现方法
2018/09/20 Javascript
vue实现移动端省市区选择
2019/09/27 Javascript
Vue清除定时器setInterval优化方案分享
2020/07/21 Javascript
JS实现购物车基本功能
2020/11/08 Javascript
[07:01]DOTA2-DPC中国联赛正赛 Aster vs Magma 3月5日 赛后选手采访
2021/03/11 DOTA
windows上安装python3教程以及环境变量配置详解
2019/07/18 Python
Python实现http接口自动化测试的示例代码
2020/10/09 Python
Selenium执行完毕未关闭chromedriver/geckodriver进程的解决办法(java版+python版)
2020/12/07 Python
HTML5+CSS3网页加载进度条的实现,下载进度条的代码实例
2016/12/30 HTML / CSS
HTML5实现动画效果的方式汇总
2016/02/29 HTML / CSS
JOSEPH官网:英国奢侈时尚品牌
2018/01/31 全球购物
夏威夷咖啡公司:Hawaii Coffee Company
2019/09/19 全球购物
意大利网上购书网站:Libraccio.it
2021/02/03 全球购物
自荐书格式
2013/12/01 职场文书
财务专业大学生职业生涯规划范文
2013/12/30 职场文书
打造完美自荐信
2014/01/24 职场文书
电子商务专业求职信
2014/03/08 职场文书
外贸会计专业自荐信
2014/06/22 职场文书
人身损害赔偿协议书范本
2014/09/27 职场文书
报案材料怎么写
2015/05/25 职场文书
学生会招新宣传语
2015/07/13 职场文书
初中数学教学反思范文
2016/02/17 职场文书
SpringBoot系列之MongoDB Aggregations用法详解
2022/02/12 MongoDB
Spring JPA 增加字段执行异常问题及解决
2022/06/10 Java/Android