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

 

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

 

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

 

请先阅读并理解微信小程序开发文档-导航组件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获取答题链接,可配合使用问卷网开放平台答题对接功能。