微信小程序如何半屏接入腾讯兔小巢?

一、配置小程序

第一步:

首现要在小程序后台配置:设置 / 第三方设置 / 半屏小程序管理

点击添加输入兔小巢小程序的 appid "wx8abaf00ee8c3202e",小程序会自动通过,如图所示:

 第二步:

在自己的小程序中配置相关代码:

首先需要在app.json中配置embeddedAppIdList。

app.json

"embeddedAppIdList": ["wx8abaf00ee8c3202e"],

wxml

<button type="primary" bindtap="tuxiaochao" ata-event-opts="{{tuxiaochao}}">兔小巢</button>

js

Page({
  /**
   * 页面的初始数据
   */
  data: {
  },
  tuxiaochao: function() {
    wx.openEmbeddedMiniProgram({
      appId: "wx8abaf00ee8c3202e",
      extraData :{
        // 把1368数字换成你的产品ID,否则会跳到别的产品
        id : "451478",
        // 自定义参数,具体参考文档
        customData : {
            clientInfo: `iPhone OS 10.3.1 / 3.2.0.43 / 0`,
        }
      }
    })
},

})

产品id在自己的兔小巢后台查看,登录账号 / 设置 / 产品设置 / 产品id;没有账号的自己免费申请一个,如图所示:

 快速通道:腾讯兔小巢

 配置完成后便可以正常打开跳转兔小巢小程序了。


二、注意事项

如果小程序报错了以下代码,如图所示:

出现以上报错原因是当前小程序版本过低,如图一所示,当前的小程序版本是2.14.1,官方提供的版本要求是2.20.1,更改到最新版本就行了!如图二所示。

 

 

配置如上操作后便可以打开兔小巢了,如果遇到相关问题请寻找官方客服或私信我哦~

 个人公众号:

 

  • 5
    点赞
  • 15
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
微信小程序是一种通过微信平台开发的应用程序,可以在微信环境中直接运行。腾讯地图是腾讯公司开发的地图服务平台,提供了丰富的地图展示和定位功能。 要将腾讯地图接入微信小程序的Vue项目中,需要进行以下几个步骤: 1. 在Vue项目中安装并引入腾讯地图SDK。可以使用npm或yarn等包管理工具,在项目的根目录下运行以下命令安装: ``` npm install @tencent/txv-map --save ``` 2. 在小程序的配置文件(app.json)中添加使用腾讯地图的权限设置: ``` "permission": { "scope.userLocation": { "desc": "你的位置信息将用于地图定位功能" } } ``` 3. 在Vue组件中引入并使用腾讯地图SDK,可以在需要显示地图的地方插入以下代码: ```vue <template> <view> <map id="map" longitude="113.324520" latitude="23.099994" bindmarkertap="markertap" style="width: 100%; height: 300rpx;" show-location enable-rotate ></map> </view> </template> <script> import { createFrom } from '@tencent/txv-map' export default { methods: { markertap() { console.log('marker tap') } }, created() { // 初始化地图 createFrom({ id: 'map', longitude: 113.324520, latitude: 23.099994 }) } } </script> ``` 以上代码中,我们使用了`<map>`标签来展示地图,并通过`createFrom`方法初始化了地图,并设定了地图的初始经纬度。 4. 在微信小程序开发者后台中,注册并申请使用腾讯地图的开发者账号,并获取到开发者密钥(key)。在Vue项目中的地图初始化代码中,将开发者密钥替换为你申请到的密钥。 通过以上步骤,你就可以在微信小程序的Vue项目中成功接入腾讯地图,并实现地图的展示和定位功能了。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值