微信小程序打开问卷网答题链接
如您希望在自己的微信小程序里打开问卷网小程序的答题链接,目前支持以下三种方式实现。
方式一:微信小程序跳转到问卷网小程序【优先建议使用该方式】
请先阅读并理解微信小程序开发文档-导航组件: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获取答题链接,可配合使用问卷网开放平台答题对接功能。