n***@mayihr.com
n***@mayihr.com
  • 发布:2021-04-20 15:13
  • 更新:2021-06-01 13:57
  • 阅读:2616

h5 调用wx-open-subscribe不弹出确认弹窗

分类:HTML5+

目前根据公众号的通知,公众号模板消息会在后续停止使用,会用订阅消息替代模板消息。

我们目前的业务中,很多场景都非常依赖模板消息,所以模板消息停用后,对我们的影响会非常大,所以现在想基于订阅消息的接口,先测试一下订阅消息的功能。

希望测试的方式:

1、增加一个H5页面,在这个H5页面上,增加一个可以调起订阅通知的按钮,

服务号订阅通知按钮:wx-open-subscribe

https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html#23

<template>  
    <view class="login">  
        <wx-open-subscribe template="GJbxm2c5ObFlafNezwPCXWMDktBedQJdSf-XPxrAy3s" id="subscribe-btn" ref="content">  

          <template>  
            <button class="subscribe-btn" >  
              一次性模版消息订阅                
            </button>  
          </template>  
        </wx-open-subscribe>  
        <button class="subscribe-btn"  @click="setSubscribe">  
            小程序调用  
         </button>  

    </view>  
</template>  
<script>  
    export default {  
        name: 'subscribe',  
        components: {},  
        data() {  
            return {  
            }  
        },  
        onLoad(options){  

        },  
        async onShow() {  
        },  
        onReady() {  
            var btn = this.$refs.content;  
            console.log(btn)  

            btn.addEventListener('launch', function (e) {  
              console.log('success');  
            });  
            btn.addEventListener('error', function (e) {  
              console.log('fail', e.detail);  
            });  

        },  
        methods: {  
            setSubscribe(){  
                uni.requestSubscribeMessage({  
                  tmplIds: ['TenvU22BA1jCp4YHfYEpRuESXYReQyDuhs4vbdWA99I'],  
                  success (res) {   
                      console.log(res);  
                  },  
                  fail (res) {  
                    console.log('fail',res);  
                  }  
                })  
            }  
        },  
    }  

</script>  

<style lang="scss" scoped>  
.login{  
    // background-color: #fff;  
    // position: absolute;  
    // left: 0;  
    // top: 0;  
    // bottom: 0;  
    // right: 0;  
    .subscribe-btn {  
      color: #fff;  
      background-color: #07c160;  
    }  
}  
</style>  
2021-04-20 15:13 负责人:无 分享
已邀请:
4***@qq.com

4***@qq.com

解决了吗?

该问题目前已经被锁定, 无法添加新回复