首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

网页分享(配合公众平台)

网页分享–配合公众平台 一. 准备工作 二. SpringBoot前后端不分离版本 三. SpringBoot+Vue前后端分离版本 ---- 源码下载地址 一....在公众平台准备一个账号 设置公众号的js安全域名(把域名放进去,不用加http的前缀) 保存之前要把文件下载下来放到项目根目录下,如果是开发环境的springboot项目可以参照这个教程做...AppID和AppSecret) 同时在`IP`白名单设置相关`ip`地址,最后才能成功获取`access_token` 注:开发阶段白名单添加本机所在ip地址,生产阶段添加云服务器所在ip地址 公众平台没有相关账号的...} }); }); 测试 打开开发者工具,在地址栏输入http://域名/to_detail,点击分享,能够出现以下界面,说明已经可以实现分享了!...SpringBoot+Vue前后端分离版本 后端变化不大,主要将share.html改造为Vue页面,同时加入了一个二维码扫码分享功能 点击如图所示图标,弹出二维码,扫一扫点开即可分享

5.7K30

公众平台开发 —— 分享功能

今天想添加分享的功能,如果不进行自定义设计,那么当我们点击分享朋友圈、好友或者QQ好友、空间时,默认的标题就是标签中的信息,而显示的描述信息就是链接,图片多是默认为页面中显示的第一张图片...操作步骤: 一.参考公众号开发文档 【1】.登录公众号       打开 “开发者工具->开发者文档->网页开发->JS-SDK说明文档”,找到对应的位置,首先要了解官方的需求说明才能进行下一步的开发...所有的JS接口只能在公众号绑定的域名下调用,公众号开发者需要先登录公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。 * 2....}); //获取“分享给朋友”按钮点击状态及自定义分享内容接口 wx.onMenuShareAppMessage({ title: ' 分享给朋友...3.此处 推荐参考新篇: 公众平台开发[6]开发集成类的使用 (包含分享功能)

4.9K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    公众平台开发教程②分享功能图文详解

    本文实例讲述了公众平台分享功能。...今天想添加分享的功能,如果不进行自定义设计,那么当我们点击分享朋友圈、好友或者QQ好友、空间时,默认的标题就是<title 标签中的信息,而显示的描述信息就是链接,图片多是默认为页面中显示的第一张图片...操作步骤: 一.参考公众号开发文档 【1】.登录公众号 打开 “开发者工具- 开发者文档- 网页开发- JS-SDK说明文档”,找到对应的位置,首先要了解官方的需求说明才能进行下一步的开发...所有的JS接口只能在公众号绑定的域名下调用,公众号开发者需要先登录公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。 * 2....}); //获取“分享给朋友”按钮点击状态及自定义分享内容接口 wx.onMenuShareAppMessage({ title: ' 分享给朋友', // 分享标题 desc: '描述一下,可是知道该咋描述你呢

    4K41

    小程序开发平台分享小程序开发教程详解

    小程序开发平台分享小程序开发教程详解?今天珍奶bb给大家简单唠唠小程序开发流程是什么?在唠小程序制作流程前,我先给大家讲讲当前互联网企业和中小企业的经营状况。...中小企业要摆脱这样的窘况,不依靠任何流量平台,在不被抽佣金的平台建立自己的经营工具是很关键的。所以企业开发自己的小程序,将客户导流到自营的小程序中,就能很好地摆脱被流量平台捏住喉咙的状况。...2.确认需求和预算,找合适的第三方小程序开发平台确认好小程序制作的具体功能和需求后,然后结合自己的小程序制作预算去找第三方小程序制作公司获取价格。...3.确定小程序开发页面的设计方案确认了小程序制作的功能以及合作的第三方小程序制作平台后,接下来就需要确认小程序的页面设计方案了。...如果是选择用小程序模板来做小程序制作的企业,则需要选用比较合适的小程序模板以及结合平台给的素材,来完成小程序页面的设计了。

    24.9K30

    Android 登录授权、分享

    1.先去开放平台注册账号,然后创建应用,签名工具下载(在页面最下面),不细说。...创建成功得到appid和secret(注册到、获取参数什么的都会用到) 有个注意点,就是添加应用的时候会要签名,你测试的签名跟线上的签名不一样,会出现测试环境下可以调起,但是线上发布的不行,原因就是签名的问题...api = WXAPIFactory.createWXAPI(this, APP_ID, true); api.registerApp(APP_ID); } 5.调用登录授权...finish(); } }); } 到此登录授权就结束了 7.分享 关于分享的介绍:官方文档,以分享网页为例 private void shareWebPage...req.scene = SendMessageToWX.Req.WXSceneSession;//发送到聊天界面——WXSceneSession //调用api接口发送数据到

    4.5K20

    分享功能_分享链接点开是图片

    app右上角自带分享功能–不论是公众号还是小程序或者是用打开的别的链接,用户都可以进行分享出去,对于自定义分享功能会和默认分享存在一些样式区别。...这就是为什么还要自定义分享功能。 以下是步骤: 一:重中之重就是去看开发者文档,开发者文档链接:https://mp.weixin.qq.com/wiki?...二:申请公众号,链接:https://mp.weixin.qq.com/ 三:在公众号的后台进行设置:公众号设置–>功能设置–>JS接口安全域名,打开这个页面之后你会看到下面的提示。...四:可以通过开发–>接口权限查看自己是否获取到了分享事件的权限。 五: 首先要说明的是分享功能是一个配置功能,绑定在按钮的click事件中是没有效果的。也就是说只有点击右上角的分享才有效果。...t=jsapisign 九:注意开启分享调试功能,debug:true;这样在console后台可以看到报错,而且要注意的是分享或者的其他功能在浏览器的手机模拟端时是不会显示效果的,必须要使用开发者工具

    3.9K30

    android登录,分享

    这几天开发要用到授权的功能,所以就研究了一下。可是开放平台接入指南里有几个地方写的不清不楚。在此总结一下,以便需要的人。...很多公众平台的应用如果移植到app上的话就需要授权登陆了。       目前移动应用上登录只提供原生的登录方式,需要用户安装客户端才能配合使用。...也就是如果第三方应用需要授权登陆的话就必须在本机上安装了。而后续授权登陆或调用接口之类的相当于app和两个应用之间通话。 1、首先需要注册开放平台,然后获取开发者认证。...坟蛋) 2、在需要授权的项目中导入微的第三方JAR包,这个在开放平台接入指南里面说的很清楚,不再啰嗦。 3、注册到: ?...这一步在需要和通话的界面之前注册了就行。我的是在欢迎界面注册的。 4、开始和通话 首先和通话之前,要在项目代码中新建一个Activity,并提供相应的回调方法供调用。

    3.7K90

    添加开放平台

    开放平台刚出来的时候,就申请了一个号码,并热乎乎的发布了出来,也关注了几个公共号码,一时间消息此起彼伏,好不热闹,不过空空裤兜只是注册了号码,并没有发布消息,所以这个所谓的平台是一片冷清。...最近,开放平台升级后,很多公共号码的更新急剧减少。偶然又跑进开放平台去看了看,并且试着发布了一条图文消息,效果还是很不错的,虽说还是欠缺专业水准,但是可以先自我陶醉一下。...今天看到有个wordpress版本的机器人,能够的实现的在信中搜索关键词后自动发送标题中含有关键词的文章,果断上传安装,接口整合完毕后,赶紧试一下。 效果来啦: 效果很令人满意,于是。。。...屁颠颠的在侧栏放上了空空裤兜的开放平台二维码,有兴趣交流的童鞋也可以搜索kongkudou添加。 PS:搜索结果会读取文章中的图片,没有配图的文章就会很丑,以后要多找找美图配上,咔咔咔。

    2.8K10

    开放平台扫码登录功能

    开放平台扫码登录功能 官方文档:https://developers.weixin.qq.com/doc/oplatform/Website_App/WeChat_Login/Wechat_Login.html...授权流程说明 OAuth2.0授权登录让信用户使用身份安全登录第三方应用或网站,在信用户授权登录已接入微OAuth2.0的第三方应用后,第三方可以获取到用户的接口调用凭证(access_token...),通过access_token可以进行开放平台授权关系接口调用,从而可实现获取信用户基本开放信息和帮助用户实现基础开放功能等。...该模式整体流程为: ① 第三方发起授权登录请求,信用户允许授权第三方应用后,会拉起应用或重定向到第三方网站,并且带上授权临时票据code参数; ② 通过code参数加上AppID和AppSecret...授权流程代码 因为开放平台的AppiD和APPSecret和公众平台的AppiD和AppSecret都是不同的,因此需要配置一下: # 开放平台 wechat.open-app-id=wx6ad144e54af67d87

    6.6K11

    开发-分享和支付模块代码记录

    文章目录 H5开发【分享模块】 写在前面 准备工作 后台配置 获取配置环境的参数 引入weixin-js-sdk 分享配置源码 启动以后日志显示OK即可 注意事项 H5开发支付模块 需要知道的点...步骤解读 获取用户code源码分享 支付源码分享 如何使用该js 引入mixins 进行统一下单 写到后面 文档链接 H5开发【分享模块】 写在前面 的支付和分享模块都是需要使用信内置的类...,需要在app中使用的,所以如果脱离了的环境,很大程度是不可以进行使用的,这一点是需要知悉的,分享和支付基本上都是固定的一个代码写法!...准备工作 后台配置 js安全域名配置 PS:如果这里不配置,是没办法进行自定义分享的,分享出去也只是当前页面的一个链接地址,是没有对应的icon和链接隐藏的!...也就是在main.js中引入即可 启动以后日志显示OK即可 注意事项 1、是不支持直接链接分享的,也就是如果你是别人给你的链接直接点开分享是不可以的 2、支持点击收藏以后分享出去 3、支持从公众号直接分享出去

    1.1K10
    领券