uniapp小程序长按识别关注公众号

这篇具有很好参考价值的文章主要介绍了uniapp小程序长按识别关注公众号。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

        最近在开发小程序的过程中遇到了一个需求需要长按二维码,弹出公众号让用户关注。

                先看效果图

                ​​​​​​​        ​​​​​​​        ​​​​​​​        uniapp小程序长按识别关注公众号

 现在就来分享一下实现的步骤。

第一步,准备好一个微信公众号,和一个小程序,将小程序的appId加入微信公众号,两个关联起来。

uniapp小程序长按识别关注公众号

第二步,你的微信公众号要有一篇文章,文章的地址就是你的二维码的地址

​​​​​​​uniapp小程序长按识别关注公众号

 

第三步,把上面的地址生成为二维码图片,放到服务器上,然后在你的小程序里引用就行了。

引用的代码

<u-popup
      v-model="popup1show"
      mode="center"
      width="600"
      height="800"
      class="popupURL1-box"
    >
      <image
        v-if="popupURL1"
        show-menu-by-longpress
        :src="popupURL1"
        alt=""
        class="popupURL-box"
      />
    </u-popup>

我使用的是image的图片展示。只需要设置show-menu-by-longpress属性就能够长按弹窗了,

上图的popupURL1为一个服务器上二维码图片的地址,类似为

data(){

    retrun {

    popupURL1 : 'http://***.***.**.***:9000/uipicture/gonzhonghao.png'

    }

}

第四步,在手机上查看,长按二维码就可以直接展示了。

希望这篇文章对大家学习使用uniapp的开发有所帮助。文章来源地址https://www.toymoban.com/news/detail-497668.html

到了这里,关于uniapp小程序长按识别关注公众号的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【uniapp开发小程序】实现读取手机剪切板,实现长按内容复制

    效果图: 完整代码:   第一种方式:点击按钮复制到剪切板 ps:多次点击也只会复制一次  第二种方式:长按内容复制到剪切板 效果展示 所需js:  引用 jquery.js  和  clipboard.min.js jQuery就不用多说了,而 clipboard.min.js 是一个 JavaScript 库,用于实现网页上的复制到剪贴板功能

    2024年02月07日
    浏览(48)
  • 小程序判断是否关注公众号

    业务功能如图 1.实现原理(利用unionid的通用性) 2.小程序获取openid和unionid 注意:这里默认不会返回unionid,需要将小程序关联单微信开放平台才会返回该参数 3.获取access_token(开发者在调用微信接口时,需要带上的参数) 4.获取公众号的关注列表(该接口会返回所有已关注公

    2024年02月04日
    浏览(39)
  • 【小程序】微信小程序中实现【关注公众号】弹窗

    1、效果,注意,在开发工具中并不显示公众号信息,只有在体验版和正式版中才能看到!

    2024年02月15日
    浏览(60)
  • 微信小程序:引导用户关注微信公众号-用户关注/取消关注事件,特别详细,已成功

    相信来此的兄嘚都是看不懂官网,官方文档中有一些无从下手啊,或者已经尝试了其他的文章,但按照他们那个配置不成功,来这里就对了,因为我也是这么过来的,互相帮助。 希望这篇文章解决了您的问题后,能给小弟一个三连,帮小弟把这篇文章顶上去,拯救更多的好兄

    2024年02月10日
    浏览(49)
  • uniapp小程序中长按识别公众号二维码,企业微信二维码,个人微信二维码

    长按识别公众号二维码,企业微信二维码,个人微信二维码 效果图 通过给image标签添加show-menu-by-longpress=\\\"true\\\"属性,实现长按识别功能 注意:二维码图片样式尺寸不能太小,太小时也会出现长按二维码识别不了

    2024年02月12日
    浏览(63)
  • 微信小程序中引导用户关注公众号实现方案详细说明

        之前讲过如何利用公众号针对指定用户完成业务操作之后实时发送消息.就好比在线医院公众号中看病挂号,挂号预约成功之后微信列表中会新增一条关注的公众号预约成功消息.具体实现步骤可以看下文章如何实现:手把手教你微信公众号如何给指定用户发送消息提醒,

    2024年02月09日
    浏览(46)
  • 微信公众号关注回复多条信息(文字、图片、视频、跳转小程序)

    对于没做过关注回复多条信息的开发来说,没有实现的思路,花费了一天的时间研究写代码、测试,现做个记录 公众号后台配置关注自动回复只能配置一种(文字、图片、音频、视频、视频号动态) 想要多条如何实现昵?关闭自动回复出现,点击查看详情,出现如下提示 开

    2024年02月06日
    浏览(72)
  • uniapp-前端 二维码、扫码、长按、识别等问题

    后端返回二维码的图片url,则直接展示,做长按手势识别,再调用方法即可。 mage 标签长按识别实现 (微信版本2.7.0) show-menu-by-longpress=\\\"true\\\"可实现识别二维码(微信个人码、微信群码、企业微信个人码、 企业微信群码与企业微信互通群码) uniapp官方文档链接 微信小程序官

    2024年02月16日
    浏览(52)
  • 小程序进入webView进行微信公众号授权获取用户openId,用来判断用户是否关注与当前小程序关联的公众号

    文档:网页授权 | 微信开放文档   4.1 appid:为公众号的appid,前期可以去申请测试公众号,地址:微信公众平台 4.2 redirect_uri:由后端提供,在这里面进行授权 4.3 response_type:授权获取到的code值,这里默认为code,后端会根据这个code来获取openId 4.4 scope:有两种类型,snsapi_

    2024年02月04日
    浏览(74)
  • 微信小程序official-account组件 关注公众号的使用

    官方文档链接official-account 1.使用组件前,需前往小程序后台,在“设置”-“关注公众号”中设置要展示的公众号。注:设置的公众号需与小程序为同主体或关联主体。 只需写下面一行代码 其实有上面的代码就够了 效果已经出来了 下面代码起辅助作用 调试 扫码打开也可以

    2024年02月16日
    浏览(58)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包