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鼠标滑过图片时切换图片实现思路
Sep 12 Javascript
首页图片漂浮效果示例代码
Jun 05 Javascript
45个JavaScript编程注意事项、技巧大全
Feb 11 Javascript
JavaScript调用传递变量参数的相关问题及解决办法
Nov 01 Javascript
Angularjs全局变量被作用域监听的正确姿势
Feb 06 Javascript
简单了解JavaScript操作XPath的一些基本方法
Jun 03 Javascript
JS实现的简单图片切换功能示例【测试可用】
Feb 14 Javascript
vue分类筛选filter方法简单实例
Mar 30 Javascript
react.js 获取真实的DOM节点实例(必看)
Apr 17 Javascript
基于vue-cli配置lib-flexible + rem实现移动端自适应
Dec 26 Javascript
详解JavaScript中的链式调用
Nov 27 Javascript
聊聊vue 中的v-on参数问题
Jan 29 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
第4章 数据处理-php字符串的处理-郑阿奇(续)
2011/07/04 PHP
php发送post请求的三种方法
2014/02/11 PHP
非常实用的php验证码类
2016/05/15 PHP
javascript操作table(insertRow,deleteRow,insertCell,deleteCell方法详解)
2013/12/16 Javascript
Javascript监视变量变化的方法
2015/06/09 Javascript
jQuery Validate插件实现表单强大的验证功能
2015/12/18 Javascript
jQuery插件uploadify实现ajax效果的图片上传
2016/06/18 Javascript
bootstrap学习笔记之初识bootstrap
2016/06/21 Javascript
第十篇BootStrap轮播插件使用详解
2016/06/21 Javascript
jquery获取easyui日期控件的值实现方法
2016/11/09 Javascript
解决Layui 表单提交数据为空的问题
2018/08/15 Javascript
JS数组实现分类统计实例代码
2018/09/30 Javascript
Angular 实现输入框中显示文章标签的实例代码
2018/11/07 Javascript
Vue.js组件间通信方式总结【推荐】
2018/11/23 Javascript
JS使用队列对数组排列,基数排序算法示例
2019/03/02 Javascript
layui使用label标签的方法
2019/09/14 Javascript
vue语法自动转typescript(解放双手)
2019/09/18 Javascript
JavaScript中数组去重的5种方法
2020/07/04 Javascript
Vue 数据绑定的原理分析
2020/11/16 Javascript
[49:28]VP vs Optic 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
使用python分析git log日志示例
2014/02/27 Python
Python多线程编程(八):使用Event实现线程间通信
2015/04/05 Python
python处理document文档保留原样式
2019/09/23 Python
Python检查图片是否损坏及图片类型是否正确过程详解
2019/09/30 Python
OpenCV+Python--RGB转HSI的实现
2019/11/27 Python
浅谈python 调用open()打开文件时路径出错的原因
2020/06/05 Python
外企C语言笔试题
2013/11/10 面试题
预备党员表决心书
2014/03/11 职场文书
计划生育证明格式范本
2014/09/12 职场文书
学习三严三实对照检查材料思想汇报
2014/09/22 职场文书
博士生专家推荐信
2014/09/26 职场文书
师德师风整改措施
2014/10/24 职场文书
怎样写好工作计划
2019/04/10 职场文书
Sql Server之数据类型详解
2022/02/28 SQL Server
css3属性选择器 “~”(波浪号) “,”(逗号) “+”(加号)和 “>”(大于号)
2022/04/19 HTML / CSS
利用Python实现翻译HTML中的文本字符串
2022/06/21 Python