uni-app编写微信小程序接入问卷星功能——亲测有效

问题描述

• 在开发的小程序中，可能需要接入问卷功能
• 这个时候，问卷星就是一个不错的选择
• 本文记录，uni-app编写微信小程序接入问卷星功能
• 亲测有效

首先，在问卷星后台找到发送问卷/链接和二维码

• 首先，在问卷星后台找到发送问卷/链接和二维码
• 然后，找到自己的问卷，如下图

比如，我们需要嵌入的问卷星的文件的地址是：https://v.wjx.cn/vm/abcedfg.aspx

然后，在uni-app中采用小程序跳转小程序的方式，去访问这个问卷星的地址

踩坑——直接小程序webview不好嵌问卷星的地址

• 注意，这里需要有一个appId
• 这个appId在问卷星后台拿到
• 在发送问卷/微信发送/小程序打开问卷中能看到
• 如下图

就是：

AppID: wxd9xxxxxxxxx8

Path: pages/wjxqList/wjxqList?activityId=abcdefg

代码：

function goWjx(vjxUrl) {
  // 从问卷星链接中提取surveyId
  // https://v.wjx.cn/vm/abcedfg.aspx --> abcedfg
  const surveyId = vjxUrl.match(/\/vm\/([^.]+)/)?.[1];

  console.log('surveyIdsurveyId', surveyId) // --> abcedfg

  if (surveyId) {
    uni.navigateToMiniProgram({
      // 问卷星小程序appId 此id需要在问卷星后台获取
      appId: '上图中的AppID',
      path: `pages/wjxqList/wjxqList?activityId=${surveyId}`,
      success(res) {
        // console.log('跳转问卷星成功');
      },
    });
  } else {
    uni.showToast({
      title: '没有问卷星id',
      duration: 1500,
      icon: 'none'
    });
  }
}

这样的话，就实现了，我们自己的小程序跳转到问卷星小程序那边，就可以正常的使用问卷星功能了

A good memory is not as reliable as a written record. Write it down...

更多功能，见文档：www.wjx.cn/help/help.a…