小程序如何跳转公众号文章

最新推荐文章于 2024-07-12 16:39:22 发布
最新推荐文章于 2024-07-12 16:39:22 发布
阅读量1.8w 收藏 36
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44763569/article/details/88637149
版权

随着小程序不断的发展，现在个人的小程序也开放了很多功能了，个人小程序直接打开公众号链接。在群里看到的一款小程序，点击可以直接阅读文章了，所以琢磨了一下，写了一些源码。

主要代码：

<web-view src="https://mp.weixin.qq.com/s?__biz=MzI2ODUxMzg4Nw==&mid=2247485016&idx=1&sn=e5f60600ea30f669264ddcf5db4fb080&chksm=eaef2168dd98a87ead60eed0f24e799c1befbfe95e341231216af72315c33a56839f92e69ef9&token=29762947&lang=zh_CN#rd"></web-view>

为了达到效果，更加具体的demo
效果如下
github地址：https://github.com/wangxiaoting666/weixinlink

 

weixin.wxml

<navigator url="/pages/search/search" hover-class="changestyle">
  <view class="view-search">
最低0.47元/天 解锁文章
前端王小婷
关注
小程序跳转公众号文章
qq_38822390的博客
03-14 5196
在此之前，想要从小程序里面跳转一个链接，要使用web-view才可以，而且个人&lt;web-view src="xxxxxxx"&gt;&lt;/web-view&gt;一行就ok. 但是有一定的局限性 1：前段时间，微信正式宣布为方便开发者灵活配置小程序，小程序现开放内嵌 Web 页面能力，但这个开放的能力也具有一定的局限性，小程序如果想要内嵌网页，那域名只能是自己公司的，对这个网站拥有控制...
微信小程序文章详情页跳转案例详解
12-29
前面写了一篇小程序访问公众号文章 里面所有的文章列表里面都是跳转了同一篇文章链接，那么，如果所有的列表跳转详情页的时候，跳转对应id所在的文章又该怎么写？ index.html <view class=container> <view wx:for={{cardTeams}} wx:key={{index}} wx:for-item=cardTeam class=item> <image class=img src={{cardTeam.imgsrc}} mode=scaleToFill></image> <view class=number-wr
微信小程序如何访问公众号文章
10-16
主要介绍了微信小程序如何访问公众号文章，随着小程序不断的发展，现在个人的小程序也开放了很多功能了，个人小程序直接打开公众号链接。在群里看到的一款小程序，点击可以直接阅读文章了,需要的朋友可以参考下
小程序跳转公众号
qingdouxiaohua的博客
07-12 2119
【代码】小程序跳转公众号。
新功能：个人小程序直接打开公众号链接
热门推荐
祈澈菇凉
12-17 2万+
在此之前，想要从小程序里面跳转一个链接，要使用web-view才可以，而且个人 &lt;web-view src="https://www.baidu.com/"&gt;&lt;/web-view&gt;放心你没有看错就这么一行就行了 但是有一定的局限性 1：前段时间，微信正式宣布为方便开发者灵活配置小程序，小程序现开放内嵌 Web 页面能力，但这个开放的...
微信小程序开发——实现跳转公众号文章
copple的专栏
04-08 1216
分享页面不要出现标签，否则会提示当前页面不允许分享朋友圈。欢迎体验小程序，如有好的想法和建议请留言，不胜感激！小程序中要显示公众号的文章，该怎么做?将要显示的文章做新页面，将文章链接通过。所以，用以上方式即可解决！​​​​​​​完美解决。,然后接参的地方使用。
小程序如何跳转到公众号文章中
weixin_64493170的博客
10-17 4388
如何在小程序中跳转到公众号文章
微信小程序点击公众号文章图片跳转公众号文章
LRQQHM的博客
07-31 795
登录微信公众号账户，找到如下图，如果没有开发者密码(AppSecret) 选择“启用”，自己设置一下就可以了，(ip白名单作用：调用api接口的电脑ip地址需要再此处添加，否则，api接口调用不成功，会有相关的报错提示)再建一个weixin页面，就放一个web-view，承载网页的容器，会自动铺满整个小程序页面。要想获取微信公众号的文章列表，需要登录公众号运行账号，进行一下相关的设置。微信小程序调用实例：(实际开发中，为了安全，应该在后端调用)；做了一个轮播图，点击图片直接进入公众号文章。
个人小程序跳转公众号文章
qq_38822390的博客
01-22 5575
在此之前，想要从小程序里面跳转一个链接，要使用web-view才可以，而且个人&lt;web-view src="xxxxxxx"&gt;&lt;/web-view&gt;一行就ok. 但是有一定的局限性 1：前段时间，微信正式宣布为方便开发者灵活配置小程序，小程序现开放内嵌 Web 页面能力，但这个开放的能力也具有一定的局限性，小程序如果想要内嵌网页，那域名只能是自己公司的，对这个网站拥有控制...
微信小程序：小程序访问公众号的文章
BigGod_lxj的博客
05-23 6360
一、公众号设置关联的小程序 1.1、首先是登录公众号的后台，然后在公众号左侧菜单栏找到“小程序”这个栏目，点击“小程序管理” 1.2、进入“小程序管理”之后，可以看到两项，一个是“关联小程序”，一个是“快速注册并认证小程序”，这里我们点击“关联小程序”。 1.3、扫一扫、验证管理员的身份 1.4、管理员确认之后会进入下一步，页面上会出现一个搜索框，把你要关联的小程序的名称或者是APPID、原始ID输入在搜索栏，然后点击搜索。 1.5、添加 二、小程序端访问文章，使用web-view标签，src为公众号的链接
微信小程序跳转公众号推文
zimkeavin的博客
07-24 1万+
注：笔者是自学小程序，自身开发经验不足，代码肯定存在不规范和不足，该博客参考一下就好 实现在小程序中，点击某个组件后跳转到公众号的推文。 注意前提是需将你的小程序和公众号绑定！才能实现跳转。 最终效果： 思想是：先从后台获取数据显示相关推文信息在前端，当点击时跳转到一个新的页面，运用小程序的一个特殊组件web-view跳转到相应的推文。 这里我用的是云开发后台，先配置好数据，...
微信小程序 点击轮播图跳转到微信公众号文章
体验新模板
08-10 2409
一、获取微信公众号文章列表 要想获取微信公众号的文章列表，需要登录公众号运行账号，进行一下相关的设置。 微信公众号获取文章列表 api接口文档： https://developers.weixin.qq.com/doc/offiaccount/Asset_Management/Get_materials_list.html 微信小程序调用实例：(实际开发中，为了安全，应该在后端调用)； var ACCESS_TOKEN="ACCESS_TOKEN"; wx.request({ url:
微信小程序如何跳转到微信公众号文章，小程序如何关联公众号或订阅号
dccose的博客
04-17 4112
微信小程序如何跳转到微信公众号文章，小程序如何关联公众号或订阅号
微信小程序如何跳转微信公众号、长按识别图片进入公众号
qq_36158551的博客
05-26 4516
  登录微信公众号，点击【小程序管理】：   点击【添加】：   点击【关联小程序】：   输入小程序进行关联：   登录微信小程序，点击【设置】：   打开 “引导关注公众号”，设置需要关注的公众号：   首页添加代码：   如果关联的公众号为已认证企业号，可以添加如下代码：   url 为公众号链接或公众号引导文章，公众号链接可以通过网上转码工具从公众号二维码转换出来。
微信小程序、微信公众号、H5之间的相互跳转
m0_37270964的博客
11-22 2628
本文原创发布于慕课网 ，原文链接：https://www.imooc.com/article/details/id/22900 话不多说，直接进入正文。 一、小程序和公众号 答案是：可以相互关联。 在微信公众号里可以添加小程序。 图片有点小，我把文字打出来吧： 可关联已有的小程序或快速创建小程序。已关联的小程序可被使用在自定义菜单和模版消息等场景中。 公众号可关联同主体的10个小程序及不同主体的3...
公众号跳转小程序 vue3
最新发布
09-08
微信公众号跳转小程序是微信平台提供的一个功能，允许公众号文章或者菜单中嵌入小程序的跳转链接，从而使得用户能够在阅读公众号内容的同时，轻松跳转到小程序进行进一步的互动或服务。在Vue3中，要实现这一功能，你需要遵循以下步骤： 1. **配置公众号后台**：首先，你需要在微信公众平台后台配置业务域名，确保你的Vue3项目服务器地址在白名单中，这样才能正常访问小程序的页面。 2. **获取小程序信息**：在公众号管理后台，你需要设置小程序的跳转信息，包括跳转的小程序的AppID等信息。 3. **页面跳转**：在Vue3项目中，可以使用微信小程序提供的API来实现跳转。通常是在某个按钮或者链接的点击事件中调用微信JS-SDK的`wx.navigateToMiniProgram`方法。 例如，你可以编写如下代码： ```javascript // 假设在某个组件的methods中 navigateToMiniProgram() { const miniProgram = { id: '', // 填入小程序原始id path: 'pages/index/index', // 拉起小程序页面的可带参路径，不填默认拉起小程序首页 type: 1 // 1表示开发版，2表示体验版，3表示正式版 }; // 调用微信JS-SDK的跳转方法 wx.navigateToMiniProgram({ miniProgram: miniProgram, success: () => { // 调用成功后的回调函数 }, fail: () => { // 调用失败后的回调函数 } }); } ``` 4. **调试和发布**：在本地调试确保跳转功能无误后，发布你的Vue3项目，并在公众号中进行实际的测试。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值