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 相关文章推荐
javascript之函数直接量(function(){})()
Jun 29 Javascript
JavaScript操作XML实例代码(获取新闻标题并分页,并分页)
May 25 Javascript
分享一个自己写的简单的javascript分页组件
Feb 15 Javascript
jQuery三级下拉列表导航菜单代码分享
Apr 15 Javascript
javascript数据结构之二叉搜索树实现方法
Nov 25 Javascript
Bootstrap 网站实例之单页营销网站
Oct 20 Javascript
获取select的value、text值的简单示例(jquery与javascript)
Dec 07 Javascript
详解用vue-cli来搭建vue项目和webpack
Apr 20 Javascript
基于Node.js模板引擎教程-jade速学与实战1
Sep 17 Javascript
微信小程序实现topBar底部选择栏效果
Jul 20 Javascript
Vue项目History模式404问题解决方法
Oct 31 Javascript
解决新建一个vue项目过程中遇到的问题
Oct 22 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程序--记数器
2006/10/09 PHP
Wordpress 相册插件 NextGEN-Gallery 添加目录将中文转为拼音的解决办法
2010/12/29 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(十六)
2014/06/30 PHP
PHPCMS手机站伪静态设置详细教程
2017/02/06 PHP
PHP基于redis计数器类定义与用法示例
2018/02/08 PHP
客户端静态页面玩分页
2006/06/26 Javascript
FireFox下XML对象转化成字符串的解决方法
2011/12/09 Javascript
你必须知道的Javascript知识点之&quot;深入理解作用域链&quot;的介绍
2013/04/23 Javascript
javascript作用域和闭包使用详解
2014/04/25 Javascript
JavaScript获取路径设计源码
2014/05/22 Javascript
教你5分钟学会用requirejs(必看篇)
2017/07/25 Javascript
JS实现标签滚动切换效果
2017/12/25 Javascript
JavaScript错误处理操作实例详解
2019/01/04 Javascript
Node使用Selenium进行前端自动化操作的代码实现
2019/10/10 Javascript
jquery获取并修改触发事件的DOM元素示例【基于target 属性】
2019/10/10 jQuery
微信小程序 自定义弹窗实现过程(附代码)
2019/12/05 Javascript
基于Web Audio API实现音频可视化效果
2020/06/12 Javascript
[54:51]Ti4 冒泡赛第二轮LGD vs C9 3
2014/07/14 DOTA
[01:06:32]DOTA2上海特级锦标赛D组资格赛#1 EG VS VP第一局
2016/02/28 DOTA
把MySQL表结构映射为Python中的对象的教程
2015/04/07 Python
Numpy与Pytorch 矩阵操作方式
2019/12/27 Python
pytorch 实现在一个优化器中设置多个网络参数的例子
2020/02/20 Python
python logging通过json文件配置的步骤
2020/04/27 Python
aws 通过boto3 python脚本打pach的实现方法
2020/05/10 Python
Python3如何实现Win10桌面自动切换
2020/08/11 Python
图解CSS3制作圆环形进度条的实例教程
2016/05/26 HTML / CSS
波兰品牌鞋履在线商店:Eastend.pl
2020/01/11 全球购物
泰国在线书店:SE-ED
2020/06/21 全球购物
瑞典最大的儿童用品网上商店:pinkorblue.se
2021/03/09 全球购物
毕业生个人求职信范例分享
2013/12/17 职场文书
个人自我剖析材料
2014/02/07 职场文书
管理学院毕业生自荐信范文
2014/03/10 职场文书
节能环保演讲稿
2014/08/28 职场文书
销售经理岗位职责
2015/01/31 职场文书
2016五一劳动节慰问信
2015/11/30 职场文书
2016年劳模先进事迹材料
2016/02/25 职场文书