微信小程序打开问卷网答题链接

 

如您希望在自己的微信小程序里打开问卷网小程序的答题链接，目前支持以下三种方式实现。

 

方式一：微信小程序跳转到问卷网小程序【优先建议使用该方式】

 

请先阅读并理解微信小程序开发文档-导航组件：https://developers.weixin.qq.com/miniprogram/dev/component/navigator.html

 

小程序示例代码：

    <navigator target="miniProgram" open-type="navigate" app-id="wx9edfaf4ccb6fa37b" path="pages/projects/pages/webviewAnswer?shortId=项目短ID" extra-data="" version="release">打开问卷网小程序答题页</navigator>

问卷网小程序app-id：

    wx9edfaf4ccb6fa37b

问卷网小程序页面路径：

    pages/projects/pages/webviewAnswer?shortId=项目短ID

 

例如，您的答题链接（如图位置获取）是https://www.wenjuan.com/s/A1B2C3/，项目短ID即红色部分A1B2C3

 

 

配置成功后，点击您的小程序导航组件，即可跳转问卷网小程序答题页。

 

 

方式一有以下优势：

- 跳转问卷网小程序答题，支持微信授权、红包、抽奖等功能

- 支持个人小程序

 

方式一有以下限制：

- 必须点击确认弹窗

 

方式二：微信小程序半屏打开问卷网小程序【优先建议使用该方式】

请先阅读并理解微信小程序开发文档-打开半屏小程序：https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/openEmbeddedMiniProgram.html

 

问卷网小程序支持第三方小程序通过半屏调用，效果如图。

 

参考代码：

    wx.openEmbeddedMiniProgram({

        appId: 'wx9edfaf4ccb6fa37b',

        path: 'pages/projects/pages/webviewAnswer?shortId=项目短ID',

        extraData: {

          foo: 'bar'

        },

        envVersion: 'release',

        success(res) {

          // 打开成功

        }

      })

 

方式二有以下优势：

- 调用问卷网小程序答题，支持微信授权、红包、抽奖等功能

- 支持个人小程序

- 没有二次确认弹窗

 

方式二有以下限制：

- 不支持横屏

 

 

方式三：微信小程序WebView嵌入问卷网答题链接H5页面

 

请阅读并理解微信小程序WebView组件：https://developers.weixin.qq.com/miniprogram/dev/component/web-view.html

请阅读并理解微信小程序业务域名验证：https://developers.weixin.qq.com/miniprogram/dev/framework/ability/domain.html

 

首先，您需要准备已在阿里云备案的域名，并在微信公众平台登录小程序管理后台，添加业务域名验证。

 

然后，您需要开启问卷网自定义域名功能，并配置HTTPS，参见自定义域名使用帮助，等待自定义域名HTTPS审核通过并开启。

 

最后，在您的小程序内接入WebView组件，填入自定义域名HTTPS答题链接。

 

参考代码：

    <web-view src="https://diaocha.mydomain.com/s/项目短ID/"></web-view>

 

方式三有以下优势：

- 可在在自己的小程序内实现答题

 

方式三有以下限制：

- 不支持个人小程序

- 不支持微信授权、红包、抽奖等功能

- 不支持打开音视频等第三方资源

- 域名需在阿里云备案

- 只允许打开指定问卷网账号的答题链接

 

 

进阶使用

如您希望通过API获取答题链接，可配合使用问卷网开放平台答题对接功能。