在 SegmentFault，学习技能、解决问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。
标签：至少1个，最多5个
在实际开发中，无论是做PC端、WebApp端还是微信公众号等类型的项目的时候，或多或少都会涉及到微信相关的开发，最近公司项目要求实现微信网页授权，并获取微信用户基本信息的功能及微信分享的功能，现在总算完成了，但开发过程中遇到好几个坑。废话不多说了，开始正题。
微信相关开发知识了解
怎么样实现微信相关功能本地测试
微信网页授权
微信相关开发知识了解
微信公众号的appId，AppSecret
当我们注册一个微信公众号后，便能够得到一个appId(每个微信公众号只有一个，一个微信公众号唯一的标识)和appSecret(可以进行重置)，这两个信息是进行微信公众号开发必不可少的，因为微信公众号中几乎所有功能的开发都与这两个信息相关。
微信公众号中IP白名单
在开发微信公众功能的时候，需要我们添加IP白名单，这样以便能够获取到access_token，关于access_token的介绍请看这里
网页授权域名以及JS接口安全域名
网页授权域名:在我们的应用中需要微信用户进行登录、获取微信用户基本信息的时候，需要设置这个域名
JS接口安全域名:在我们的应用中需要实现微信分享等功能，需要设置这个域名。
怎么样实现微信相关功能本地测试
相对很多人都对这个问题比较感兴趣，因为在进行涉及到微信公众号中功能开发的时候，默认情况下我们是不能进行本地测试的，也就是说测试都需要将代码进行部署才测试，但这非常不利于我们的测试开发，其实进行本地测试开发很简单，只需要我们有一个域名就可以了，然后将我们本地的ip映射到这个域名上，就可以本地测试了。下面我就说说我是怎么做本地测试的.
因为购买域名需要进行备案操作之类的，比较麻烦，所以一般第三方平台就可以让我们得到一个域名。我是在natpp(ngrok)这个网站上注册的
我是花了五元钱购买了一个月的隧道，因为免费的不怎么靠谱，毕竟是免费的，哈哈。
注意，我们不能直接使用这个隧道，因为这个隧道是三级域名，无法用于微信开发，需要绑定一个二级域名或自主域名
当绑定完域名之后，在本地我们需要将本地ip进行映射穿透操作。windows下打开dos窗口，输入 natapp -authtoken 你的隧道的authtoken
将你在上面设置的二级域名添加到上述说的网页授权域名以及JS接口安全域名
接下来便可以进行本地测试了.最后说一下，开发过程中下载微信开发工具进行调试也是不错的选择，下载地址
微信网页授权
微信网页授权的目的主要是实现三方站点微信的登录、获取微信用户信息等
实现微信网页授权获取微信用户的基本信息
先判断当前浏览器是不是微信内置浏览器,微信网页授权api：
isweixin() {
const ua = window.navigator.userAgent.toLowerCase();
if(ua.match(/MicroMessenger/i) == 'micromessenger'){
1 第一步：用户同意授权，获取code
2 第二步：通过code换取网页授权access_token
3 第三步：刷新access_token（如果需要）
4 第四步：拉取用户信息(需scope为 snsapi_userinfo)
5 附：检验授权凭证（access_token）是否有效
微信API里面关于这些都介绍得比较清楚的，我就说说在这个过程中我所遇到的问题，以及解决办法
在第一步获取code的时候，因为这个code在五分钟之内只能够使用一次，所以必须对这个code进行缓存起来。否则会出现"errcode":40163,"errmsg":"code been used, hints: [ req_id: nOCEBa0466th12 ]"或{"errcode":40029,"errmsg":"invalid code"} 错误。
微信分享其实用得非常得多，我就简单说下在vue-cli中怎么引入微信分享的sdk，以及怎么样实现分享功能.
微信分享APi:
首先引入sdk:
npm install weixin-js-sdk --save-dev
然后通过require或者import引入
import wx from 'weixin-js-sdk';
微信分享中最重要的是获取到签名，才能够实现微信的分享
再根据当前的url去获取到所需要的参数来完成签名的验证，参数主要用appId、nonceStr、timestamp、signature，然后通过wx对象的config方法去进行配置验证签名
wx.config({
debug: false,
appId: appId, // 和获取Ticke的必须一样------必填，公众号的唯一标识
timestamp:timestamp, // 必填，生成签名的时间戳
nonceStr: nonceStr, // 必填，生成签名的随机串
signature: signature,// 必填，签名，见附录1
//需要分享的列表项:发送给朋友，分享到朋友圈，分享到QQ，分享到QQ空间
jsApiList: [
'onMenuShareAppMessage','onMenuShareTimeline',
'onMenuShareQQ','onMenuShareQZone'
//处理验证失败的信息
wx.error(function (res) {
logUtil.printLog('验证失败返回的信息:',res);
//处理验证成功的信息
wx.ready(function () {
alert(window.location.href.split('#')[0]);
//分享到朋友圈
wx.onMenuShareTimeline({
title: _this.newDetailObj.title, // 分享标题
link: window.location.href.split('#')[0], // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: _this.newDetailObj.thu_image, // 分享图标
success: function (res) {
// 用户确认分享后执行的回调函数
logUtil.printLog("分享到朋友圈成功返回的信息为:",res);
_this.showMsg("分享成功!")
cancel: function (res) {
// 用户取消分享后执行的回调函数
logUtil.printLog("取消分享到朋友圈返回的信息为:",res);
//分享给朋友
wx.onMenuShareAppMessage({
title: _this.newDetailObj.title, // 分享标题
desc: _this.desc, // 分享描述
link: window.location.href.split('#')[0], // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: _this.newDetailObj.thu_image, // 分享图标
type: '', // 分享类型,music、video或link，不填默认为link
dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
success: function (res) {
// 用户确认分享后执行的回调函数
logUtil.printLog("分享给朋友成功返回的信息为:",res);
cancel: function (res) {
// 用户取消分享后执行的回调函数
logUtil.printLog("取消分享给朋友返回的信息为:",res);
//分享到QQ
wx.onMenuShareQQ({
title: _this.newDetailObj.title, // 分享标题
desc: _this.desc, // 分享描述
link: window.location.href.split('#')[0], // 分享链接
imgUrl: _this.newDetailObj.thu_image, // 分享图标
success: function (res) {
// 用户确认分享后执行的回调函数
logUtil.printLog("分享到QQ好友成功返回的信息为:",res);
cancel: function (res) {
// 用户取消分享后执行的回调函数
logUtil.printLog("取消分享给QQ好友返回的信息为:",res);
//分享到QQ空间
wx.onMenuShareQZone({
title: _this.newDetailObj.title, // 分享标题
desc: _this.desc, // 分享描述
link: window.location.href.split('#')[0], // 分享链接
imgUrl: _this.newDetailObj.thu_image, // 分享图标
success: function (res) {
// 用户确认分享后执行的回调函数
logUtil.printLog("分享到QQ空间成功返回的信息为:",res);
cancel: function (res) {
// 用户取消分享后执行的回调函数
logUtil.printLog("取消分享到QQ空间返回的信息为:",res);
在这个过程中出现的错误就是:config:invalid signature，这个错误就说明签名不对，这时候需要静下心来去想想，然后进行排除，我最后发现原来是当前的url的错误，看了网上很多都是url需要进行编码
let url = encodeURIComponent(window.location.href.split('#')[0]);
就不错了，最后来看看效果
一般出现这个问题，大部分都是url的问题哦。
今天就写到这里，需要交流的小伙伴请加群:
6 收藏&&|&&68
你可能感兴趣的文章
21 收藏，3.3k
56 收藏，2.1k
52 收藏，4.5k
本作品采用署名-非商业性使用-禁止演绎 4.0 国际许可协议 进行许可
你好楼主，授权登录完成了，但是分享的时候如果使用window.location.href.split('#')[0]的话，那分享出去是不是永远是首页。比如现在访问的是www.baidu.com/wap#/user?uid=1,那分享出去地址不就是www.baidu.com/wap了
你好楼主，授权登录完成了，但是分享的时候如果使用window.location.href.split('#')[0]的话，那分享出去是不是永远是首页。比如现在访问的是www.baidu.com/wap#/user?uid=1,那分享出去地址不就是www.baidu.com/wap了
我这个只是个demo代码片段，分享的url你自己可以写成什么都可以。
@Lynn[zhangl] 我这个只是个demo代码片段，分享的url你自己可以写成什么都可以。
是这样的。安卓会是这种问题，ios正常。奇葩的微信
是这样的。安卓会是这种问题，ios正常。奇葩的微信
写的很好，希望能更详细一些！
写的很好，希望能更详细一些！
填写网页授权的时候，提示MP_verify_o4ypvFCrHE0sTHcU.txt（点击下载）把这个文件上传到服务器或者虚拟主机
填写网页授权的时候，提示MP_verify_o4ypvFCrHE0sTHcU.txt（点击下载）把这个文件上传到服务器或者虚拟主机
这个是需要的，你可以在本地安装一个服务，我当时自己安装的tomcat，然后把这个文件放在服务的根目录里面就可以进行网页授权时候域名的验证了
这个是需要的，你可以在本地安装一个服务，我当时自己安装的tomcat，然后把这个文件放在服务的根目录里面就可以进行网页授权时候域名的验证了
网页授权要通过备案，隧道好像现在不好用了？
网页授权要通过备案，隧道好像现在不好用了？
好用的啊，那个什么NatApp的，如果只是用来本地测试的话还是不错的，五元钱购买个隧道，方面 日常微信开发的调试
@JosLeY[josley] 好用的啊，那个什么NatApp的，如果只是用来本地测试的话还是不错的，五元钱购买个隧道，方面 日常微信开发的调试
“在第一步获取code的时候，因为这个code在五分钟之内只能够使用一次，所以必须对这个code进行缓存起来。否则会出现"errcode":40163,"errmsg":"code been used, hints: [ req_id: nOCEBa0466th12 ]"或{"errcode":40029,"errmsg":"invalid code"} 错误。”
解决了我的大问题了，程序开始的时候很正常，过一会儿就老是出现40163错误，终于找到原因了。
另外文章写得也很详细，温故知新，去年开始用付费的nrgok，后来被微信封了一次，而且ngrok也容易被人攻击，一被攻击，群里就热闹了，没办法后来还是老老实实买了域名和vps
“在第一步获取code的时候，因为这个code在五分钟之内只能够使用一次，所以必须对这个code进行缓存起来。否则会出现&errcode&:40163,&errmsg&:&code been used, hints: [ req_id: nOCEBa0466th12 ]&或{&errcode&:40029,&errmsg&:&invalid code&} 错误。”
解决了我的大问题了，程序开始的时候很正常，过一会儿就老是出现40163错误，终于找到原因了。
另外文章写得也很详细，温故知新，去年开始用付费的nrgok，后来被微信封了一次，而且ngrok也容易被人攻击，一被攻击，群里就热闹了，没办法后来还是老老实实买了域名和vps
嗯嗯，搞好就OK了。我当时使用ngrok只是为了测试功能开发而已，在服务器上面自然得用正规的域名了
嗯嗯，搞好就OK了。我当时使用ngrok只是为了测试功能开发而已，在服务器上面自然得用正规的域名了
查了下资料，这个code只能用一次，所以不能缓存，，但是我的问题还是没解决，只是定位到了。 我从index.php里发起请求获得code，redirect_uri到oauth.php里接收获取到的code，马上就去用code换取oauth_token的时候就出现错误40163，说code已经被用过了！明明是刚获取到的，压根没用过啊，重复刷新code是在更新的，只是一次也没用就被微信给说用了，郁闷。
查了下资料，这个code只能用一次，所以不能缓存，，但是我的问题还是没解决，只是定位到了。 我从index.php里发起请求获得code，redirect_uri到oauth.php里接收获取到的code，马上就去用code换取oauth_token的时候就出现错误40163，说code已经被用过了！明明是刚获取到的，压根没用过啊，重复刷新code是在更新的，只是一次也没用就被微信给说用了，郁闷。
我打算用snsapi_base，而不用snsapi_userinfo方式来获取code，看看会不会有用~
我打算用snsapi_base，而不用snsapi_userinfo方式来获取code，看看会不会有用~
用base方式也不行，搜了半天网上的资料，有一条有价值的线索，说苹果好的，安卓不行，马上用自己的苹果手机一试（平时开发都用安卓手机做测试，没想过有这种差异），没任何问题，安卓手机一上午都是错误40163
而且官方文档说用userinfo方式会弹窗口提示授权，没有提示~
这段程序去年一直都运行正常的，就从2017年上半年开始，出现这个现象~
用base方式也不行，搜了半天网上的资料，有一条有价值的线索，说苹果好的，安卓不行，马上用自己的苹果手机一试（平时开发都用安卓手机做测试，没想过有这种差异），没任何问题，安卓手机一上午都是错误40163
而且官方文档说用userinfo方式会弹窗口提示授权，没有提示~
这段程序去年一直都运行正常的，就从2017年上半年开始，出现这个现象~
安卓微信升级到了最新版本，问题依旧
安卓微信升级到了最新版本，问题依旧
微信开发有时候感觉坑比较多，也会涉及些兼容的问题
微信开发有时候感觉坑比较多，也会涉及些兼容的问题
@darkCode 这个问题我开了新帖子来提问了，
@darkCode 这个问题我开了新帖子来提问了，https://segmentfault.com/q/8461?_ea=2243682
使用vue遇到同样问题。。。你这边的路由用的是history模式么？我这边使用的history模式，在详情页面签名config:invalid signature，但刷新页面之后就config ok ，而安卓设备上一直是正常的。请问你在 iOS端的签名过程是放到首页还是在分享页面呢 ？
使用vue遇到同样问题。。。你这边的路由用的是history模式么？我这边使用的history模式，在详情页面签名config:invalid signature，但刷新页面之后就config ok ，而安卓设备上一直是正常的。请问你在 iOS端的签名过程是放到首页还是在分享页面呢 ？
留个脚印。单页面的签名确实需要放到第一个页面上。这样在首页签名成功后，即使在详情签名是错误的，但是可以正常分享。
留个脚印。单页面的签名确实需要放到第一个页面上。这样在首页签名成功后，即使在详情签名是错误的，但是可以正常分享。
首先我的签名是在首页完成的，功能的分享才是在详情页，用history模式的时候也出现你说的问题，后面改成hash模式就正常了
首先我的签名是在首页完成的，功能的分享才是在详情页，用history模式的时候也出现你说的问题，后面改成hash模式就正常了
请问1，2，3，4，5哪些步骤是由后台做的啊
请问1，2，3，4，5哪些步骤是由后台做的啊
第一步前端做
@dongj0316[dongj0316] 第一步前端做
现在只需要分享功能，也必须得先授权登录了是吗？？（因为分享需要获取签名，签名需要access_token，access_token必须用户授权）
现在只需要分享功能，也必须得先授权登录了是吗？？（因为分享需要获取签名，签名需要access_token，access_token必须用户授权）
不用，分享功能与授权登录没关系
@iyikin[iyikin_59806baeb5099] 不用，分享功能与授权登录没关系
分享到微博？
我要该，理由是：
在 SegmentFault，学习技能、解决问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。对方没有经常联系的朋友，建议先核实对方身份_微商货源网_微信008货源网
微商货源网--好用的微商货源第一平台。
对方没有经常联系的朋友，建议先核实对方身份
20:34:09 发布：
注：没有微信号直接手机扫描二维码即可！微信号：&&&&&&&&&&&&(联系时请注明来自“weixin008”)QQ号：&&&&&&&&&&&&(联系时请注明来自“weixin008”) 货源地区： 网站链接：访问人数：（839745℃）微信描述某营销者收到的通知原来，微信以后会根据你的微信好友互动是否多为单项、发圈时候存在大量抄袭等等去判断你是不是营销号。一旦判定为营销号，你发的动态可能不展示在好友朋友圈……对此，不少自媒体砖家猜测，看来是9月的《互联网广告管理暂行办法》的执行影响太大了，微信也将加快脚步净化广告生态？如果一旦实施，对新媒体行业、微商、乃至各行各业都会受到重大影响。01【 自媒体广告 】这次的新规对互联网广告方方面面的规则进行了明确，比如：电商平台各种推广属于广告、社交网络需要标注广告信息、搜索引擎推广服务属广告、弹窗标志要确保一键关闭……就拿新媒体行业来说吧，广告收入是占主导地位的，广告法这么一整顿，广告接单这玩意看到都要手抖了，考虑要不要接！以下，是小编列举的对微信公众号自媒体人产生较大的影响：① 要显著标明“广告”。这会让套路软文广告不再软，贴片广告也不再随心所欲。以前，这样的场景常发生：你看文章正入戏，在猜测接下来会发生什么，广告时间就到了，你毫无防备。你可能佩服这个广告转折得太妙，也可能有种被骗的感觉。无论是哪种，《暂行办法》实施后，就都不会存在了。新规第七条规定，“互联网广告应当具有可识别性，显著标明“广告”，使消费者能够辨明其为广告。”《暂行办法》第七条② 对广告核实更加严格。这有利于减少 “黑五类广告”乱象。无论是在公众号，还是在朋友圈，发广告都要更加谨慎。新规要求，互联网广告发布者应当查验有关证明文件，核对广告内容，建立登记档案并定期核实更新，并配备熟悉广告法规的广告审查人员。《暂行办法》第十二条③ 禁止随意屏蔽广告。近些年广告屏蔽软件、插件的使用引发较大争议，也引发多起诉讼。为此，《办法》明确“不得提供或者利用应用程序、插件、硬件，对他人正当经营的广告采取拦截、过滤、覆盖、快进等限制措施”，拟对正当经营的广告提供全方位保护。以及，“不得利用网络通路、网络设备、应用程序等破坏正常广告数据传输，篡改或者遮挡他人正当经营的广告，擅自加载广告。”包含两种情形：一种是未经交易双方同意，擅自改动、替换了原广告内容；另一种是擅自利用他人互联网媒介开通广告链接入口发布广告。主要针对的是目前互联网广告经营中常见的流量劫持、数据劫持等不正当竞争手段。《暂行办法》第十六条新规实施后，若公众号主没有把好关，发布了虚假广告，可能也会担一部分责任，朋友圈广告也是如此。02【微商广告】同样的，对于广大微商群体来说，这也是一个天大的挑战。以后大家就不能那么随意在朋友圈刷广告刷产品了！微商行业急需整顿，一方面数以千万微商每天暴力刷屏，让更多用户开始关闭朋友圈，甚至不再用微信。如果不加限制，可能危及微信本身，为求自保，微信这次必定要动真格。另一方面，微商行业本身确实也存在很多问题，不少民众对微商嗤之以鼻，把微商与传销划等号。特别是饱受诟病的三级分销和代理囤货制，出现负面的情况最多，甚至有不法企业非法牟利。可以预见这个行业急需整顿。改革的阵痛是肯定的，微信的任何一个动作都会牵动微商，特别是接下来的整顿，不论力度多大，都会让微商不适应。一些人无法适应改变，将会被“剁手”。但是，也不要太悲观。相信微信不会一刀切，一是为了自身利益，二是步子迈太大容易扯到蛋给对手机会。毕竟还有很多人想分微信一杯羹，马云的社交之心一直不死。那么，微商从业人员将何去何从？① 现在最新广告法出了，微商除了打广告要注意形容词外，更应该注意好的内容营销。成功的内容营销应该包括以下几点：发一些励志性的正能量的文字和图片，最好在早上发；发一些搞笑的图片，可以在搞笑的图片里面加入自己的广告；发布自己工作的过程，在办公室在田间的照片、物流、种植的过程的图片或文字，让大家感觉你的产品的真实。文字太多折叠的怎么办？这个没关系，先发上去。然后在评论里再发一遍，因为评论是可以很长的，这样大家在评论里就可以看到了。② 打造独一无二的个人魅力。首先，自己产品自己亲身试用拍图，更有说服力。这里注意一点，麻烦美女们化个妆，虽然不用浓妆艳抹也不要蓬头垢面吧？为什么品牌方找明星或者网红美女打广告呢？答案都知道吧？看到美女男人都心动，女人都羡慕吧？我们虽然是普通人，那么也请尊敬我们的客户，你皮肤蜡黄毛孔粗大，然后说产品好用不是自己打自己脸么，记住一点，你的客户会因为喜欢你而认可你的产品，不要蓬头垢面把人吓走了！③ 要做营销，先了解朋友们关心什么话题。知道了朋友们关心的话题，那么自然就需要投其所好，举个例子吧，眼看就要到中秋了，如果你是某一个月饼的微商，你是发布生硬的优惠活动，还是分享故事呢？小编之前是这么做的，在朋友圈发布了一条动态，我会这么发布：星期天来古镇玩，没想到把钱包丢了，现在身无分文，只有一个手机，我走着走着，饿晕在XXX月饼店门口，希望大家给帮我众筹10元，我买XX月饼吃一下。这类的广告非常受到朋友们的喜欢，因为这类的文字介绍很简短，而且是分享生活中的故事，留给朋友们评论的余地，效果自然也是不错的。难道他们会真的相信你会落魄到让朋友众筹10元吗？具体的分享就看自己的拿捏了，效果好的话，这些万恶的朋友还会帮你转发，所谓好事不留名，坏事传千里是一样的。同时，要时不时有个G点能更夺人眼球，什么是G点？比如你代理的订货量，比如你的出货量，比如某个客户的回头率以及她连带了多少客户，比如你解决了朋友的皮肤问题，这些都是G点，要知道有人在默默关注你就像你有自己关注的人一样，为什么关注？肯定是有一定兴趣度的，为什么只是关注？因为没有这个G点没有消费的冲动，那么请你给她这个冲动！最后，大家以后对于一些产品广告、真假广告就要谨慎辨别发布或者转发了，不然一旦被人举报，小心一失误惹上“大麻烦”，涉法就难办咯。玩朋友圈以来，一直有一个疑问。为什么我的朋友都这么有钱？一放假就全世界跑，埃及金字塔，巴黎凯旋门，英国伦敦眼，还有登上珠穆朗玛峰，乘船抵达南极点。最主要的是，有时候明明只是一个短暂的周末，他们是也能出现在世界的尽头。直到今天跟踪女神，才发现了事情的真相。------------万能的朋友圈，第一次滑雪怎么才能显得不是新手？外国教练真难交流。好羡慕啊，可以在夏天去滑雪，我也好想去啊!可是！山上辣么冷，也不带个帽子吗？还有护目镜呢，不怕眼睛被晃到？下巴惊掉了，这样什么都解释的通了。---------------今天地中海的天气真好，就是怕被晒黑，大家有没有什么防鹦∏厦牛我草，地中海这么蓝啊。好想去，好想去，好想去。真担心掉水了，不怕生病？下次注意找个清一点的水池。-------------------好怕啊，我会不会掉下去？攀岩大神，给点建议吧！建议就是，别拍照，认真怕。还有你这个石头颜色不太对啊！-----------------以前想着，结婚一定要来马尔代夫。现在是来了，可自己是单身狗，哭哭哭哭。。。。女神，你的红裙子真漂亮！心疼，是不是拍完就要去搬砖了？孩子，别逞强。
会员签名:这里有最专业链克币流量币交流群，进不了群的加微信 ，让群主邀请你加入。
哪些用户喜欢它
【微信公众服务号:微店货源】
搜索：微店货源（在微信“查找公众号”下，请搜索：微店货源 或 weidian321 就可）抖音短视频-分享功能分析 - 简书
抖音短视频-分享功能分析
作为目前市场上最火的APP之一，抖音短视频真的是人气高的不得了。公司的妹子同事，每天下班吃完饭，就黏在上面下不来了。而我作为一名产品运营，也特别下载来，看了下，发现里面的内容其实和美拍、小咖秀等差不多，但是为什么他能快速获取用户呢？今天就特别分析了下抖音的分享功能。分享入口：
分享入口早在
分析：分享按钮就在视频播放的主屏幕上，位置显眼，方便用户直接分享自己喜欢的视频给好友。分享选择：
在选择分享的时候，抖音也选择了目前最多的“QQ微信和微博”还有一个特别的“美拍”。美拍这个分享很有讨论的价值：
美拍应该是抖音的竞品，但是美拍因为比抖音出的早，用户量比抖音多所以，前期有这样的一个分享入口，是希望能够把美拍的用户引流一部分到抖音的。
再者，因为美拍和抖音都是一个类型的视频APP，如果用户分享到了美拍，那么分享出去的就是精准的用户群体。
最后，抖音把分享到美拍的入口又没有直接放在第一屏，因为虽然也不想把自己的流量分到美拍。就如虽然美拍的知名度要比抖音大，但是也不一定所有用户都是先玩美拍再玩抖音的，还有很大一部分之前没有玩过这种视频APP，如果他把美拍放的太前的位置，就会引导用户去下载美拍，这样的话抖音就作茧自缚了。
在分享这个页面，抖音做了两个特别人性的按钮“复制链接”和“保存本地”“复制链接”：考虑到因为没有把目前所有的可以分享的地方，都在第一行放出来，所以还有很多地方，用户想要分享就可以通过复制链接的方式实现。也加大了用户分享的范围，提高了抖音更多地被分享出去的可能性。“保存本地”因为是视频内容，很多有意思的内容，自己喜欢的主播的内容，都可以一键保存到本地很方面。
1.方面用户直接分享视频到第三方，因为直接方向连接到第三方的话，点击量肯定没有直接·分享视频出去的点击量高。
2.保存到本地的视频，因为有水印，也不担心内容版权的问题。用户可以发现好的内容，通过今日头条、西瓜视频等制作内容分享到自己的公众号，这也帮抖音传播了内容。
3.保存到本地，可以避免部分主播的部分视频因为违规而找不到样片。例如有些主播在分享一些擦边球的内容时候，很多用户会选择保存本地，避免这个主播被封之后看不到他之前的内容。
第三方分享：分享至微信
分享至微信
在分享出去的这个链接上，有6个地方：链接标题：@+视频主播的内容+一段统一的描述：发了一个抖音短视频，你尽管点开不好看算我输链接内容：直接是视频内容的标题链接图片：是抖音的icon链接来源：抖音的icon+名称在这个分享出来的链接中，比较吸引人的是链接标题上用了“@”和“视频用户的昵称”，特别是在微信上的时候，这样的表达方式，年轻人都有一种想去点击的想法，因为这个@，就是暗示一种信息，一种隐私。分享至微博：
在分享至微博的时候，抖音会默认分享内容的图片和文案文案：视频标签（如果没有标签就会“抖音-原创音乐短视频社区”）+@+视频用户名+描述（发了一个抖音短视频，你尽管点开，不好看算我输！）+网址链接图片：抖音的icon在微博上的内容其实和微信是一样的，但是因为微博的@人的机制，所以在@后面那个视频用户名，会出现蓝色的提示，就感觉是真的@了这个微博用户，其实他是抖音的用户名。但是因为没有空格，所以后面的那个有链接的@的名称其实是打不开的。链接打开页面：在电脑上打开链接页面
电脑微信打开页面
在电脑上打开页面和手机上打开页面是不同的，因为考虑到设备的不同，所以在电脑打开页面的时候，除了有视频的内容，还有一个就是大大的二维码下载地址。并且还有一个标红的显眼的文案“扫码狭隘抖音，观看更多有趣视频”。尽可能的让用户去下载APP。手机上打开链接页面
因为是个内容APP，所以在分享出去的页面上除了分享的内容、顶部APP下载固定栏和底部的下载提示栏外，中间有非常非常多的推荐内容。让用户及时不喜欢看好友分享的这个内容外，还可以选择看推荐的内容。让用户沉浸内容的汪洋大海中。最终让用户下载APP。点击播放按钮
点击播放按钮
点击播放按钮后，下方的推荐内容就没有，让用户沉浸在视频的内容中。整个页面就是在APP里面的布局一致。整个页面就只有两个按钮可以操作：一个是分享，点击分享会提示用微信自带的分享按钮分享出去还有一个是下方的音乐，点击进去和APP点击进去是一样，也是一个内容整合区。这个观赏视频的过程做的就非常人性化，整屏幕的播放，让人们的看起来更爽，分享和对音乐的理解，也让用户有了更多可操作的空间。播放完毕推荐：
播放完毕的推荐页面
在视频播放完成后会跳入另一个页面，这个页面会不断推荐新的视频并且还有一大块地方让你“上滑看更多”，让你去看。这做的就是内容。另外还有两个特别显眼的红色大按钮“打开看看”“我也要拍”，就是引导用户去下载APP。一个是：你想看更多的内容，那就来下载APP一个是：你觉得很好玩，你也要参与，那就来下载APP小结：整个抖音的分享流程是一套完整的流程、每个细节都做的特别好。不仅在分享入口、分享的选择、分享到第三方的形式、还是最后用户看到的页面，以及用户看完后的内容，每一个点都做的非常仔细。把要突出的、想要给用户表达的信息都表达的很清楚。特别是在用户查看内容和看完之后的页面设计以及内容排版上都显示出了沉浸式的体验方式。很值得学习。
一枚运营，甚喜读书。读书写字，愿与你同行，个人公众号：根叔分享
系统环境：iOS 10.0手机型号：iPhone 5s抖音小视频版本：v1.4.0对本文做了一些更新修正：http://www.jianshu.com/p/70cd66eca394 为了方便阅读，整理了文章的结构如下： 1.1产品简介： 1.1.1产品简介：
今年3月...
用两张图告诉你，为什么你的 App 会卡顿? - Android - 掘金Cover 有什么料？ 从这篇文章中你能获得这些料： 知道setContentView()之后发生了什么？ ... Android 获取 View 宽高的常用正确方式，避免为零 - 掘金相信有很多朋友...
用两张图告诉你，为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料？ 从这篇文章中你能获得这些料： 知道setContentView()之后发生了什么？ ... Android 获取 View 宽高的常用正确方式，避免为零 - 掘金 相信有很多...
一、市场分析 1.1 市场现状
自2016年下半年以来，短视频行业发展迅速，其方便快捷且兼顾娱乐性的特点十分吸引消费者的眼球。根据艾瑞数据2017上半年短视频市场分析报告，2017年1月到5月中国短视频用户日均使用次数呈飞速增长。其中3月份增长率高达29%，5月份短视频日...
“每个人都能出名15秒。”——安迪·沃霍尔 抖音、奶糖、晃咖、muse这类音乐短视频可谓是ctrl+c、ctrl+v出来的，相似的界面、无出其右的玩法，但是，抖音是如何做到占领人们心智中的第一位？成为市场竞争中的优胜者？ 本文，我将对抖音的进行分析，探讨他的优缺点，以及给出...
这天，一切都还不错。 孩子走了时间感，一边洗澡一边问还有时间看电视么？知道掐时间了。 她对做菜的兴趣还是很浓，应该引导。 画日记她还是不感兴趣，主要是怕日记吧！昨晚我故意不会画，让她帮我一下。 中午的时间可以让她自主练一两个字。 我们可以做个焦虑尺，认识到焦虑，减少焦虑。
在我们的认知过程中，什么样的人是纳粹呢？ 他们至少要贪婪、粗暴；他们曾经穿着最精悍漂亮的制服，但做下的都是令人发指的残酷勾当；他们没有受过什么教育，仅凭着几句口号和煽动人心的几段演讲，就成为了忠实的走狗，面对手无寸铁的羔羊大行杀戮。 但《奥斯维辛：一段历史》给了我一个不一样...
时光像一尾欢喜的泥鳅 钻进了童年的玻璃瓶 目不转睛的少年 仿佛伫立在自在的小溪里 赤着双脚 裸着上身 夏日里酿就迷醉的青春 时光像一把倔强的胡琴 跳进了童年的臂弯 目不斜视的少年 仿佛飘荡在蔚蓝的天空里 闭着双眼 挥着臂膀 乐曲里演奏岁月的狂想
不好意思啊，我不是你妈 我不想伺候你的生活琐事。 不好意思啊，我不是你妈 我不想捧着你的玻璃心。 1. 大学里有个室友，性格开朗，心宽体胖 这是我对她的第一印象，有的时候，她也的确是这样。 但是，她有个毛病就是什么都找你帮她。 她背双肩包的时候，要你帮她把手机所有东西都拿着...
1 那还是大一新生报到时，我将妈妈送到山东姥姥家，独自一人带着行李从青岛来到了石家庄。 当时到石家庄已经是晚上九点，公交车已停，而且我到的日子是学校要求报到的头一天。我以为那个时间段学校不会有接站车，（后来才知道学校提前三天就有新生接待车） 我就把行李寄放在小包寄存处，心想...