资讯专栏INFORMATION COLUMN

uni-app实现Android分享到微信朋友圈和微信好友,附DEMO和源码

sunsmell / 1577人阅读

摘要:微信分享大家见怪不怪了就是再点击分享,然后唤起微信,分享当前页面到朋友圈或者分享给朋友。点击配置,进去找到分享,填写和和在哪弄这是需要前往微信开放平台申请的进去注册一个帐号,登录,创建移动应用。

微信分享大家见怪不怪了!就是再APP点击分享,然后唤起微信,分享当前页面到朋友圈或者分享给朋友。

所以,我开发了这样的一个工具。

动图demo

分享后

就是一个带有标题、描述文字、LOGO、分享来源的一个小卡片。

开发

这个App是使用uni-app框架开发的。
没了解过可以取访问:https://uniapp.dcloud.io/
了解一下!

uni-app是一个使用 Vue.js 开发跨平台应用的前端框架,开发者编写一套代码,可编译到iOS、Android、H5、小程序等多个平台。

创建项目

1、先下载开发工具HBuilderX
2、创建项目

3、选择uni-app

4、创建完成后就会有一个模板了。

代码

5、打开pages/index/index.vue,拷贝下面代码进去





6、打开manifest.json,点击App模块权限配置,给Share(分享)打勾,代表我们给这个App注入一个分享权限。

7、点击App SDK配置,进去找到分享,填写appid和appsecret

appid和appsecret在哪弄?
这是需要前往微信开放平台申请的!

https://open.weixin.qq.com/

进去注册一个帐号,登录,创建移动应用。

填写资料,上传LOGO即可,等待审核完成即可,此处省略详细的讲解,自行研究。

8、配置好了之后,App已经是开发好了,制作自定义基座,在真机上进行调试。


其中Android包名一定要填你在微信开放平台创建的应用时填写的报名一致。

还有,微信开放平台填应用签名的时候,也是要获取的,应用签名要用签名检测工具
https://res.wx.qq.com/open/zh...

使用方法

安装上面的签名工具在你的安卓设备
安装你打包好的App
然后输入包名即可获取

然后再次调试,是否可以唤起分享,如果可以那就可以打包了。

打包App

打包完成,就可以在你的安卓设备安装使用!

App Demo

https://www.lanzous.com/i39swli

作者:TANKING
时间:2019-03-01
网站:http://likeyunba.com
微信:likeyunba520

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/14784.html

相关文章

  • uni-app实现Android分享微信朋友微信好友DEMO源码

    摘要:微信分享大家见怪不怪了就是再点击分享,然后唤起微信,分享当前页面到朋友圈或者分享给朋友。点击配置,进去找到分享,填写和和在哪弄这是需要前往微信开放平台申请的进去注册一个帐号,登录,创建移动应用。 微信分享大家见怪不怪了!就是再APP点击分享,然后唤起微信,分享当前页面到朋友圈或者分享给朋友。 所以,我开发了这样的一个工具。 showImg(https://segmentfault.co...

    fox_soyoung 评论0 收藏0
  • nativeShare 移动端浏览器调用原生分享插件

    摘要:原文地址起因最近有一个活动页需要在移动端浏览器分享网页到微信,。及时有提供,浏览器暴露出的也各不相同,而我写的目的只是为前端开发者提供一致的来调用浏览器的原生分享组件。 原文地址 https://github.com/fa-ge/NativeShare/blob/master/README.md 起因 最近有一个活动页需要在移动端浏览器分享网页到微信,QQ。虽然每一个浏览器都有分享到微...

    tomorrowwu 评论0 收藏0
  • 体积减少40%、集成步骤精简50%!友盟社会化组件放大招

    摘要:友盟社会化组件正式上线了此次相比于以往的版本,是一次颠覆性创新是友盟社会化组件自年版本推出后最大的一次版本重构升级经过近半年的内测和开发,现在终于正式上线此次版本升级,本着帮助开发者省时省力省事的方针,将主要包体积减少了,删除了旧版本中所有 友盟社会化组件Android SDK 5.0正式上线了!此次Android SDK5.0相比于以往的版本,是一次颠覆性创新;是友盟社会化组件自20...

    ARGUS 评论0 收藏0
  • uni-app官方教程学习手记

    摘要:当时下载了一个,下载了官方提供的示例教程。关于项目目录开发规范一定要遵守,直接通过官网学习即可。最后就是发布安卓包和苹果包了。我将自己做的第一个新闻列表新闻详情程序打包,安装到了安卓手机上测试了下,效果非常棒。 本人微信公众号:前端修炼之路,欢迎关注 背景介绍 大概在今年的十月份左右,我了解到Dcloud推出了uni-app。当时下载了一个Hbuilder X,下载了官方提供的hell...

    chanthuang 评论0 收藏0
  • uni-app官方教程学习手记

    摘要:当时下载了一个,下载了官方提供的示例教程。关于项目目录开发规范一定要遵守,直接通过官网学习即可。最后就是发布安卓包和苹果包了。我将自己做的第一个新闻列表新闻详情程序打包,安装到了安卓手机上测试了下,效果非常棒。 本人微信公众号:前端修炼之路,欢迎关注 背景介绍 大概在今年的十月份左右,我了解到Dcloud推出了uni-app。当时下载了一个Hbuilder X,下载了官方提供的hell...

    miracledan 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<