从人工到自动化，从重复到创新，技术演进的历程中，伴随着开发者工具类产品的发展。

阿里巴巴将自身在各类业务场景下的技术积淀，通过开源、云上实现或工具等形式对外开放，本文将精选了一些阿里巴巴的开发者工具，希望能帮助开发者们提高开发效率、更优雅的写代码。

由于开发者涉及的技术领域众多，笔者仅从自己熟悉的领域，以后端开发者的视角盘点平时可能用得到的工具。每个工具按照以下几点进行介绍：

工具名称和简介

使用场景

使用教程

获取方式

一、Java 线上诊断工具 Arthas

Arthas 阿里巴巴 2018 年 9 月开源的一款 Java 线上诊断工具。

工具的使用场景：

这个类从哪个 jar 包加载的？为什么会报各种类相关的 Exception？

我改的代码为什么没有执行到？难道是我没 commit？分支搞错了？

遇到问题无法在线上 debug，难道只能通过加日志再重新发布吗？

线上遇到某个用户的数据处理有问题，但线上同样无法 debug，线下无法重现！

是否有一个全局视角来查看系统的运行状况？

有什么办法可以监控到 JVM 的实时运行状态？

Arthas 支持 JDK 6+，支持 Linux/Mac/Windows，采用命令行交互模式，同时提供丰富的 Tab 自动补全功能，进一步方便进行问题的定位和诊断。

使用教程：

基础教程：

https://alibaba.github.io/arth ... asics

进阶教程：

https://alibaba.github.io/arth ... anced

获取方式：（免费）

开源地址：

https://github.com/alibaba/arthas

二、IDE 插件 Cloud Toolkit

Cloud Toolkit是一款 IDE 插件，可以帮助开发者更高效地开发、测试、诊断并部署应用。通过 Cloud Toolkit，开发者能够方便地将本地应用一键部署到任意机器（本地或云端），并内置 Arthas 诊断、高效执行终端命令和 SQL 等，提供 IntelliJ IDEA 版，Eclipse 版，PyCharm 版和 Maven 版。

工具的使用场景：

每次修改完代码后，是否正在经历反复地打包？

在 Maven 、Git 以及其他运维脚本和工具的之间频繁切换？

采用 SCP 工具上传？使用 XShell 或 SecureCRT 登陆服务器？替换部署包？重启？

文件上传到服务器指定目录，在各种 FTP、SCP 工具之间频繁切换 ？

使用教程：

IntelliJ IDEA 版：

https://help.aliyun.com/document_detail/98762.html

Eclipse 版：

https://help.aliyun.com/document_detail/29970.html

PyCharm 版：

https://help.aliyun.com/docume ... .html

Maven 版：

https://help.aliyun.com/docume ... .html

获取方式：（免费） 工具地址：

https://www.aliyun.com/product/cloudtoolkit

三、混沌实验注入工具 ChaosBlade

ChaosBlade是一款遵循混沌工程实验原理，提供丰富故障场景实现，帮助分布式系统提升容错性和可恢复性的混沌工程工具，可实现底层故障的注入，提供了延迟、异常、返回特定值、修改参数值、重复调用和 try-catch 块异常等异常场景。

工具的使用场景：

微服务的容错能力不易衡量？

容器编排配置是否合理无法验证？

PaaS 层健壮性的测试工作无从入手？

使用教程：

https://github.com/chaosblade-io/chaosblade/wiki/ 新手指南

获取方式：（免费）

开源地址：

https://github.com/chaosblade-io/chaosblade/wiki/ 新手指南

四、Java 代码规约扫描插件

该插件用于检测 Java 代码中存在的不规范的位置，并给予提示。规约插件是采用 Kotlin 语言开发。

使用教程：

IDEA 插件使用文档：

https://github.com/alibaba/p3c/wiki/IDEA 插件使用文档

Eclipse 插件使用文档：

https://github.com/alibaba/p3c/wiki/Eclipse 插件使用文档

获取方式：（免费）

开源地址：

https://github.com/alibaba/p3c

五、应用实时监控工具 ARMS

ARMS是一款 APM 类的监控工具，提供前端、应用、自定义监控 3 类监控选项，可快速构建实时的应用性能和业务监控能力。

工具的使用场景：

晚上 10 点收到 37 条报警信息，你却无从下手？

当我们发现问题的时候，客户 / 业务方已经发起投诉？

每个月花几十万买服务器，却无法保障用户体验？

使用教程：

前端监控接入：

https://help.aliyun.com/documentdetail/106086.html

应用监控接入：

https://help.aliyun.com/documentdetail/63796.html

自定义监控：

https://help.aliyun.com/document_detail/47474.html

获取方式：（收费）

工具地址：

https://www.aliyun.com/product/arms

六、静态开源站点搭建工具 Docsite

Docsite一款集官网、文档、博客和社区为一体的静态开源站点的解决方案，具有简单易上手、上手不撒手的特质，同时支持 react 和静态渲染、PC 端和移动端、支持中英文国际化、SEO、markdown 文档、全局站点搜索、站点风格自定义、页面自定义等功能。

使用教程：

https://docsite.js.org/zh-cn/d ... .html

获取方式：（免费）

项目地址：

https://github.com/txd-team/docsite

七、Android 平台上的秒级编译方案 Freeline

Freeline 可以充分利用缓存文件，在几秒钟内迅速地对代码的改动进行编译并部署到设备上，有效地减少了日常开发中的大量重新编译与安装的耗时。Freeline 最快捷的使用方法就是直接安装 Android Studio 插件。

使用教程：

https://github.com/alibaba/fre ... zh.md

获取方式：（免费）

项目地址：

https://github.com/alibaba/freeline

八、性能测试工具 PTS

PTS可以模拟大量用户访问业务的场景，任务随时发起，免去搭建和维护成本，支持 JMeter 脚本转化为 PTS 压测，同样支持原生 JMeter 引擎进行压测。

使用教程：

https://help.aliyun.com/document_detail/70290.html

获取方式：（收费）

工具地址：

https://www.aliyun.com/product/pts

九、云效开发者工具 KT

KT 可以简化在 Kubernetes 下进行联调测试的复杂度，提高基于 Kubernetes 的研发效率。

使用教程：

https://yq.aliyun.com/articles/690519

获取方式：（免费）

工具地址：

https://yq.aliyun.com/download/3393

十、架构可视化工具 AHAS

AHAS为 K8s 等容器环境提供了架构可视化的功能，同时，具有故障注入式高可用能力评测和一键流控降级等功能，可以快速低成本的提升应用可用性。

工具的使用场景：

服务化改造过程中，想精确的了解资源实例的构成和交互情况，实现架构的可视化？

想引入真实的故障场景和演练模型？

低门槛获得流控、降级功能？

使用教程：

https://help.aliyun.com/document_detail/90323.html

获取方式：（免费）

工具地址：

https://www.aliyun.com/product/ahas

十一、数据处理工具 EasyExcel

EasyExcel 是一个用来对 Java 进行解析、生成 Excel 的框架，它重写了 poi 对 07 版 Excel 的解析，原本一个 3M 的 Excel 用 POI sax 需要 100M 左右内存，EasyExcel 可降低到 KB 级别，并且再大的 excel 也不会出现内存溢出的情况。03 版依赖 POI 的 sax 模式。在上层做了模型转换的封装，让使用者更加简单方便。

使用教程：

https://github.com/alibaba/eas ... rt.md

获取方式：（开源）

https://github.com/alibaba/easyexcel

十二、iOS 类工具 HandyJSON

HandyJSON 是一个用于 Swift 语言中的 JSON 序列化 / 反序列化库。

与其他流行的 Swift JSON 库相比，HandyJSON 的特点是，它支持纯 Swift 类，使用也简单。它反序列化时 (把 JSON 转换为 Model) 不要求 Model 从 NSObject 继承 (因为它不是基于 KVC 机制)，也不要求你为 Model 定义一个 Mapping 函数。只要你定义好 Model 类，声明它服从 HandyJSON 协议，HandyJSON 就能自行以各个属性的属性名为 Key，从 JSON 串中解析值。

使用教程：

https://github.com/alibaba/Han ... cn.md

获取方式：（开源）

https://github.com/alibaba/HandyJSON

十三、云上资源和应用部署工具 EDAS Serverless

EDAS Serverless一款基于 Kubernetes，面向应用和微服务的 Serverless 平台。用户无需管理和维护集群与服务器，即可通过镜像、WAR 包和 JAR 包，快速创建原生支持 Kubernetes 的容器应用，同时支持 Spring Cloud 和 Dubbo 等主流微服务框架。

使用教程：

https://help.aliyun.com/docume ... .html

获取方式：（公测期间免费）

https://help.aliyun.com/document_detail/97792.html

十四、数据库连接池 Druid

Druid 是 Java 语言下的数据库连接池，它能够提供强大的监控和扩展功能。

使用教程：

https://github.com/alibaba/druid/wiki/ 常见问题

获取方式：（开源）

http://central.maven.org/maven2/com/alibaba/druid/

十五、Java 工具集 Dragonwell

Alibaba Dragonwell 是阿里巴巴内部 OpenJDK 定制版 AJDK 的开源版本， AJDK 为在线电商，金融，物流做了结合业务场景的优化，运行在超大规模的，100,000+ 服务器的阿里巴巴数据中心。 Alibaba Dragonwell 与 Java SE 标准兼容，目前仅支持 Linux/x86_64 平台。

使用教程：

https://github.com/alibaba/dragonwell8/wiki/ 阿里巴巴 Dragonwell8 用户指南

获取方式：（开源）

https://github.com/alibaba/dragonwell8


上一篇: Java首度承认PK失败，愿永久服软Python!
  查看全部

内含文件：
1、Oracle Database 11g：SQL 基础 学生指南第1 册 
2、Oracle Database 11g：SQL 基础 学生指南第2 册 
3、Oracle Database 11g：数据库管理－ 课堂练习I 学生指南第1 册
4、Oracle Database 11g：数据库管理－ 课堂练习II 学生指南第1 册 
5、Oracle Database 11g：数据库管理－ 课堂练习I 学生指南第2 册 
6、Oracle Database 11g：数据库管理－ 课堂练习II 学生指南第2 册 
7、Oracle Da等等 查看全部

在2017年快手、抖音兴起后，短视频app成为了互联网行业炙手可热的宝贝，无数短视频开发者在前两者的成功中找到了商机，一窝蜂的扎入到短视频开发中，而不少公司在运营前期仅做单端开发，将运营重心集中起来，这种方法是非常聪明的。

本篇文章就从Android短视频开发过程中要注意的几点重点来讲一讲短视频APP该如何开发。

一、难点——功能方面

APP的基础功能必须完备，各项机制可以复刻市面上已有的成功案例，也可以自行研发，关键点就在于与众不同的新功能。

1. 基础功能指：美颜等各种特效、拍摄剪辑小视频的能力、推荐列表等视频列表、分享功能、点赞功能、评论功能等短视频APP必有的功能。

2. 各项机制如：推荐机制、拉黑机制、鉴黄机制、信息流广告密度机制等，通常是一个APP一个样，比如抖音和快手的推荐机制就不同，抖音的推荐机制将流量聚集在少数视频上而快手将流量聚集在更多的用户身上。

3. 层出不穷又与众不同的新功能是与其他APP拉开差距最有用的手段，但如果你真的完全想不出新点子来，也可以“取百家之长”学习其他APP身上的亮眼功能，比如学习吸引电商入驻的抖音购物车功能和快手小店功能、比如加入直播系统增加收入、比如自微博起就非常好用的“话题功能”……

二、重点——风格定位

Android短视频开发前就要想好软件的风格定位，因为这是吸引特定人群的法宝，经典案例有“一罐”目标群众是心情沮丧又无处诉说的人、“小红书”目标群众是热爱美妆的精致姑娘和热爱金钱的美妆电商、抖音目标群众是向往时尚与潮流的男孩女孩。

什么样的定位产生什么风格的短视频平台，平台内的内容也会逐渐向运营方期待的的方向转移。

三、注意点——服务器的选择

服务器通常可以使用VPS服务器、云服务器、独立服务器等，因为不用提前购买硬件、相对高性价比等原因，通常我们会建议用户使用云服务器。

如果开始使用的是独立服务器，后期用户增加，可以把程序分布式部署到不同服务器上，以减轻服务器的压力。

短视频拍摄剪辑门槛的降低、流量的降价提速、三方提供的特效滤镜不断更新换代使得短视频越来越受到用户的喜爱，Android短视频开发也因此越来越互联网行业的喜爱。更多与Android短视频开发行业相关的资讯和分析会在以后逐渐放出，敬请期待，需要的朋友请关注我。

声明：文章为原创内容，转载请注明原文链接及作者 查看全部

直播行业发展时间已经很久了，建议新入局的玩家在进行直播app制作前要想好，直播平台的定位是什么，清晰明确的定位更利于定位受众人群，也更利于直播app制作时的对接和开发。

一、 直播发展契机
早在2012年，9158视频互动交友平台就被爆出在2011年收入近10亿人民币。依托网络，直播平台飞速发展，几年后，坐上了手机移动化的快车，随着手机市场的发展和资本市场对直播行业的看好，2015年，直播行业千播大战爆发。
时间线继续前进，直到2019年，直播行业依然是很赚钱的行业，随着电商、教育等元素的不断加入，随着短视频、主播PK等功能的开发，直播变得越来越好玩。
直播app制作所需的价格也逐渐走低，2015年，纯定制开发一套直播app需要七八十万，开源直播源码也要四五十万一套，而现在，一套运营级别的开源直播系统也不过8w左右。封装版本还会更低。

二、 直播卖点在哪
1、 涉足范围广
直播app制作时，会在直播平台中内置分类列表，每个直播平台也都会有各自的定位，比如斗鱼主打游戏直播，虎牙宣称自己是弹幕交互直播平台，陌陌主打社交等。
即便已经有了各种各样的定位和主打产品，直播软件内的分类中仍有很多分类，比如美食直播、游戏直播、户外直播等等，直播内容涉足领域十分广泛，可选择性强。
2、 没有广告
如果看电视，广告一定会在节目表演到最精彩的时候插播一段广告，这对于观看者而言是非常不友好的，而看网络直播就不会有这样情况产生，主播只要不下线，用户可以一直看，很多公会都会要求主播每天直播大于多少个小时才能拿到全额底薪，这对用户而言是非常友好的。
直播app制作时也会为平台变现预留一定的广告位，比如轮播图、开屏广告等。
3、 互动性强
互动性强体现在两方面，一方面，主播可能会看到你的弹幕和评论，并作出回复，另一方面，共同观看直播的水友们也可能在直播间内回应你，之前在B站，有主播直播看猫和老鼠，然后主播去吃饭了，电脑就放那儿播着，也没人抱怨，大家一边看，一边发弹幕聊天怀念自己的童年，这样温馨的气氛可比自己观看老电视剧而不被人理解要强多了。
4、 存在感强
每一次发送礼物都会得到主播的感谢，带着头衔进场会有特殊效果出现，存在感、人前显贵是可以拿钱买的，这种轻而易举就能得到的尊重和快乐是非常诱人的。

以上就是本文的全部内容，更多与直播app制作相关的资讯和分析会在以后逐渐放出，敬请期待，需要的朋友请关注我。
声明：文章为原创内容，转载请注明原文链接及作者 查看全部

对比互联网各个岗位的裁员程度可以发现，数据分析相关岗位正在不断的扩招，已经成为了这波逆流中的黑马，什么原因导致的数据分析人才如此紧缺？
因为数据分析是大势所趋，未来的发展空间会大有可为。随着5G网络即将商用，企业每天将会产生海量的数据，BAT日均数据更是达到了PB的级别，数据分析相关岗位才会存在着巨大的需求缺口。
长此以往，企业要用尽可能少的人才，来满足尽可能多岗位的诉求，可以这么说，数据分析将会是每个程序员个人能力最重要的补充，也是BAT这类大公司急招人才的必备技能。
但是一提数据分析，很多人就觉得无从下手，知识点零散总是抓不住重点，学习起来相当吃力。这有一份廖雪峰大神历时3个月打磨出来的《数据分析必备技能》的视频学习资料，由浅入深系统化的讲解，内容详尽。基本囊括了平时学习工作中经常用到的分析方式，这份不可或缺的宝贵资料原价值1980元，现在，关注公众号cainiao_xueyuan就可以免费领取（仅限300名）。

学完这套资料可以给你将会得到哪些收获？

1. 总时长>48个小时的干货内容，每天2小时，20天掌握数据分析必备技能；
2. 对照自己掌握知识点进行查缺补漏，帮助你扫除知识盲区、重构知识体系。
具体详细的资料内容：
1 数学理论基础           
01.数据挖掘之数学基础02.数学基础之微积分
03.机器学习之线性回归
04.机器学习之逻辑回归
05.朴素贝叶斯
06.机器学习之决策树
07.机器学习之集成学习
2 必备Python基础            
01.Python语言介绍、发展、特色02.概念介绍：Python解释器
03.Python函数及高级特性
04.交互环境介绍：启动和退出交互环境
05.Python基础语法及模块
3 高效scrapy爬虫框架           
01.scrapy简介02.scrapy选择器
03.创建scrapy爬虫
04.下载器与爬虫中间件
05.突破反爬虫机制与策略
06.使用管道 pipelines        
4 Excel数据处理            
01.认识数据表的字段和记录02.使用Excel制作数据表
03.指定常用数据类型
04.Excel导入网站数据、文本数据
05.Excel数据清洗、筛选
06.Excel数据抽样和计算

5 使用SQL实现数据操作
01SQL基础语法
02.SQL表连接
03.SQL普通函数
04.SQL窗口函数
05.SQL优化 

长按扫码 添加微信，领取干货视频






Ps：学习资料由"开课吧"友情提供。 查看全部

短视频app风靡已久，很多玩家都已入局，前有腾讯微视、快手、抖音等老玩家，后有百度等新玩家，那么，想要入局短视频app，前期又不想投入太多资金到软件开发上，我们就可以先只做单端（ios/Android）的开发，把运营重心放在单端上，节约资金投入和人力成本

一、 Android短视频开发必备功能

1、 基础功能

摄录功能、多端登录、多渠道分享、私信功能等最为基础的功能是要开发完备的，这些功能就像五星酒店里的地板砖，有的时候也看不出多重要来，没有的话，就会让用户感觉不舒服了。

2、 美颜特效

美颜特效功能在短视频app中被用到了极致，作为短视频app的个性能功能，我们对美颜、萌颜、特效的要求不仅仅是“有”而且要“精美”“更新快”，这要求我们选择更优秀的SDK厂家进行合作

3、 广告投放

广告投放功能是短视频app软件中最常用的盈利功能，首屏广告、信息流广告、话题挑战广告、贴纸广告等方式都是常见的短视频软件广告盈利方式。

二、 Android短视频开发升级功能

1、 直播功能：直播功能是能够进一步增强主播、平台盈利能力，增强主播影响力和用户粘性的可靠功能，通过直播收礼物，能够刺激用户直接消费。

2、 社区功能：社区功能为用户之间的交流沟通提供了帮助，能够有效建成社交关系网，增加用户黏性。

这两点功能并非短视频app开发必备功能，而是可以有选择性的添加的升级功能，没有它的时候用户也不会觉得很不方便，但一旦有了它，用户会更乐于使用该功能。

三、 软件开发的三种方式优劣对比

软件开发方法有三种，原生开发、HTML5开发和混合开发，原生开发是指使用某一系统（如安卓/ios）官方提供的开发语言、开发工具进行App开发，这种开发方式的优势是，在该系统上，原生开发的软件的交互体验和性能是最好的，但缺点是需要把Android端和IOS端分开开发，写两套界面，开发时间比较长。常用Android短视频开发工具有java、Android studio等

而HTML5开发是利用Web技术进行的App开发，这种开发方法局限性很大，一般不采用这种方法。

混合开发是很多外包团队常用的开发方法，它牺牲了一定的系统流畅性来提高开发效率、节省开发成本。

综上所述我们可以看出，原生开发的软件对于运营方而言是最好用的，只做Android短视频开发也不会浪费太多的时间。

四、 Android短视频开发常用开发工具

分享一套常用的Android短视频开发环境、开发工具、开发语言

1. Android短视频端开发环境：Android studio 2.2

2. Android短视频端开发工具：Java

3. 服务端：基础环境LAMP（linux ，apache，mysql，php ）或者LNMP（linux，ngnix，mysql，php）

4. 缓存服务Redis

5. Android短视频端开发框架：服务端主要采用两个，整个PC端是Thinkphp3.2，接口部分是π框架（http://www.phalapi.net/）

以上就是本篇文章的全部内容，更多与Android短视频开发相关的行业资讯和分析会在以后逐渐放出，敬请期待，需要的朋友请关注我。 查看全部

基于Vue2.5.6+Vuex+vue-router+vue-gemini-scrollbar+swiper+elementUI等技术开发的仿微信web端聊天室，实现了发送消息、表情(动图)，图片、视频预览，仿微信右键菜单、网页截图可直接粘贴至编辑框发送。
https://www.cnblogs.com/xiaoyan2017/p/10793728.html
 

































































 
/*
* 页面地址路由js
*/
import Vue from 'vue'
import Router from 'vue-router'
import store from '../vuex'

// 通过改写router.go方法，当new Router 实例就包含back方法
Router.prototype.back = function(){
window.history.go(-1)
}

Vue.use(Router)

const router = new Router({
routes: [
// 登录、注册
{
path: '/login',
component: resolve => require(['../views/auth/login'], resolve),
meta: { hideSideBar: true },
},
{
path: '/register',
component: resolve => require(['../views/auth/register'], resolve),
meta: { hideSideBar: true },
},

// 首页、通讯录、动态圈
{
path: '/',
redirect: '/chat',
component: resolve => require(['../views/index'], resolve),
meta: { requireAuth: true },
},
{
path: '/contact',
redirect: '/contact/new-friends',
component: resolve => require(['../views/contact'], resolve),
meta: { requireAuth: true },
},
{
path: '/contact/new-friends',
component: resolve => require(['../views/contact/new-friends'], resolve),
meta: { requireAuth: true },
},
{
path: '/contact/uinfo',
component: resolve => require(['../views/contact/uinfo'], resolve),
},
{
path: '/qzone',
component: resolve => require(['../views/qzone'], resolve),
},
{
path: '/qzone/write',
component: resolve => require(['../views/qzone/write'], resolve),
meta: { requireAuth: true },
},
{
path: '/my',
component: resolve => require(['../views/my'], resolve),
meta: { requireAuth: true },
},

// 聊天页面
{
path: '/chat',
component: resolve => require(['../views/chat/group-chat'], resolve),
meta: { requireAuth: true }
},
{
path: '/chat/single-chat',
component: resolve => require(['../views/chat/single-chat'], resolve),
meta: { requireAuth: true }
},
{
path: '/chat/group-info',
component: resolve => require(['../views/chat/group-info'], resolve),
meta: { requireAuth: true }
}

]
});

// 注册全局钩子（拦截登录状态）
router.beforeEach((to, from, next) => {
const token = store.state.token
// 判断该路由地址是否需要登录权限
if(to.meta.requireAuth){
// 判断token是否存在
if(token){
next()
}else{
next()
// 未登录授权
wcPop({
content: '还未登录授权！', anim: 'shake', style: 'background:#e03b30;color:#fff;', time: 2,
end: function(){
next({ path: '/login' })
}
});
}
}else{
next()
}
})

export default routerimport Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

import {mm} from '../common.js'

export default new Vuex.Store({
state: {
user: window.sessionStorage.getItem('user'),
token: window.sessionStorage.getItem('token'), //登录标识
onlineStatus: { status: 'online', text: '在线' }, //用户在线状态 【 online：在线、 offline：离开、 busy：忙碌、 invisible：隐身】
},
mutations: {
// 将token存储到sessionStorage
SET_TOKEN (state, data){
state.token = data;
window.sessionStorage.setItem('token', data);
},
// 获取用户名
SET_USER (state, data){
state.user = data;
window.sessionStorage.setItem('user', data);
},
// 退出
LOGOUT (state){
state.user = null;
state.token = null;
window.sessionStorage.removeItem('user');
window.sessionStorage.removeItem('token');
},
},
getters:{}
})

// 这种写法也ok
// export default () => {
// return new Vuex.Store({
// state: {},
// mutations: {},
// actions: {},
// })
// }




欢迎大家一起交流、学习  Q：282310962  wx：xy190310
  查看全部

/*

 *  页面地址路由js

 */ 

import Vue from 'vue'

import Router from 'vue-router'

import store from '../vuex'



// 通过改写router.go方法，当new Router 实例就包含back方法

Router.prototype.back = function(){

    window.history.go(-1)

}



Vue.use(Router)



const router = new Router({

    routes: [

        // 登录、注册

        {

            path: '/login',

            component: resolve => require(['../views/auth/login'], resolve),

            meta: { hideSideBar: true },

        },

        {

            path: '/register',

            component: resolve => require(['../views/auth/register'], resolve),

            meta: { hideSideBar: true },

        },



        // 首页、通讯录、动态圈

        {

            path: '/',

            redirect: '/chat',

            component: resolve => require(['../views/index'], resolve),

            meta: { requireAuth: true },

        },

        {

            path: '/contact',

            redirect: '/contact/new-friends',

            component: resolve => require(['../views/contact'], resolve),

            meta: { requireAuth: true },

        },

        {

            path: '/contact/new-friends',

            component: resolve => require(['../views/contact/new-friends'], resolve),

            meta: { requireAuth: true },

        },

        {

            path: '/contact/uinfo',

            component: resolve => require(['../views/contact/uinfo'], resolve),

        },

        {

            path: '/qzone',

            component: resolve => require(['../views/qzone'], resolve),

        },

        {

            path: '/qzone/write',

            component: resolve => require(['../views/qzone/write'], resolve),

            meta: { requireAuth: true },

        },

        {

            path: '/my',

            component: resolve => require(['../views/my'], resolve),

            meta: { requireAuth: true },

        },



        // 聊天页面

        {

            path: '/chat',

            component: resolve => require(['../views/chat/group-chat'], resolve),

            meta: { requireAuth: true }

        },

        {

            path: '/chat/single-chat',

            component: resolve => require(['../views/chat/single-chat'], resolve),

            meta: { requireAuth: true }

        },

        {

            path: '/chat/group-info',

            component: resolve => require(['../views/chat/group-info'], resolve),

            meta: { requireAuth: true }

        }



    ]

});



// 注册全局钩子（拦截登录状态）

router.beforeEach((to, from, next) => {

    const token = store.state.token

    // 判断该路由地址是否需要登录权限

    if(to.meta.requireAuth){

        // 判断token是否存在

        if(token){

            next()

        }else{

            next()

            // 未登录授权

            wcPop({

                content: '还未登录授权！', anim: 'shake', style: 'background:#e03b30;color:#fff;', time: 2,

                end: function(){

                    next({ path: '/login' })

                }

            });

        }

    }else{

        next()

    }

})



export default router

import Vue from 'vue'

import Vuex from 'vuex'



Vue.use(Vuex)



import {mm} from '../common.js'



export default new Vuex.Store({

    state: {

        user: window.sessionStorage.getItem('user'),

        token: window.sessionStorage.getItem('token'), //登录标识

        onlineStatus: { status: 'online', text: '在线' }, //用户在线状态   【 online：在线、  offline：离开、 busy：忙碌、 invisible：隐身】

    },

    mutations: {

        // 将token存储到sessionStorage

        SET_TOKEN (state, data){

            state.token = data;

            window.sessionStorage.setItem('token', data);

        },

        // 获取用户名

        SET_USER (state, data){

            state.user = data;

            window.sessionStorage.setItem('user', data);

        },

        // 退出

        LOGOUT (state){

            state.user = null;

            state.token = null;

            window.sessionStorage.removeItem('user');

            window.sessionStorage.removeItem('token');

        },

    },

    getters:{}

})



// 这种写法也ok

// export default () => {

//     return new Vuex.Store({

//         state: {},

//         mutations: {},

//         actions: {},

//     })

// }

一对一软件怎样开发才能解决现代人的社交恐惧症？熟人社交，目前已经成为绝大多数人内心十分抗拒的社交方式，就连发个微信朋友圈都需要屏蔽各种七大姑八大姨，还有小学初中高中同学，而一对一陌生人社交的方式可以有效解决这个问题。那么，应该怎样进行一对一软件开发呢？需要注意什么？
一对一软件开发需要哪些功能？
1.主播列表
主要显示经过平台认证后的主播信息，对主播的信息进行简单的展示。一般情况下该页面显示在首页，即用户登录软件之后最先看到的页面。这一功能主要是让用户直观的看到当前平台上的主播，通常默认显示的是热门或推荐的主播，其次是附近的主播。




2.主播详情页
主要显示主播认证时上传的图片、头像、昵称、星级、收费价格等，上拉之后可跳转到主播的个人介绍、签名、形象标签和个人资料等。开发这个功能主要是为了让用户对当前查看的主播能有一个简单的了解，然后再进行视频或语音聊天。
3.动态
开发一对一软件最主要的目的就是解决熟人社交带来的压力，而动态功能对于社交属性的软件来说，是非常重要的。不仅能够增加平台的用户粘性，还能够从动态中与天南海北的线上好友进行互动。
4.短视频功能
自从抖音把短视频带火之后，人们开始喜欢用录制短视频的形式展现自己。在一对一软件开发中加入短视频，主播可以在自己的详情页面上传短视频，用户可以通过查看主播以往短视频，了解主播的日常工作生活，以及主播的平台活跃度。




一对一软件开发需要注意什么？
1.跨平台互通
基于当下移动端软件的受欢迎程度，所以在进行一对一软件开发时需要实现跨平台互通，即支持Android与ios端开播、观看及互通，后台web端与前端互联，也就是我们常说的三端互通。
2.源码是否开源
如果想要购买一套源码，那么首先需要确定的就是这套源码是否开源。开源的源码不仅拥有相关的独立版权，而且支持二次开发，后期在维护和修复bug时相对比较轻松。




3.程序的稳定性
为了保证后期开发出来的软件能够给用户带来良好的体验，在运行系统时需要具备一定的稳定性和流畅性，同时它的安全兼容性也要足够强。
以上内容就是关于一对一软件开发时需要开发的功能和需要注意的事情，要想真正的解决现阶段社会中存在的社交压力问题，需要找准用户的真实需求、产品定位等方面入手，至于编代码和程序是否问题就不需要我们操心了。
本文声明原创，转载请注明作者、出外及原文链接。 查看全部

“开发直播平台多少钱？”
“没有技术团队怎么办？”
以上两个问题是绝大多数想要加入直播行业的人都非常关注的问题，所以本文就以这两个问题来简单探讨一下，希望能给大家提供一定的帮助。
开发一个直播平台需要多少钱？
首先，需要确定的是选择定制开发还是购买一套源码进行开发；其次，需要选择专业的直播软件开发公司；最后，确定开发费用。
其实目前最简单直接的方法就是购买一套成品在线直播源码来进行搭建部署，实现快速上线运营。一般从源码服务商那里购买的直播源码都是开源的，支持二次开发，还可以直接搭建部署上线运营。这种方式不仅性价比较高，而且初期费用基本上只有源码本身的费用，当然，如果有额外的开发需要单独按照开发工期计算费用。但整体算下来，比起自己组建团队进行开发，无论是时间成本还是人力成本上都要划算的多。
没有技术团队怎么办？
绝大多数想做直播APP的人都没有配备相应的技术团队，那么他们就会考虑到一个问题，是不是没有技术团队就没办法做直播APP了？其实并非如此，现在市面上专业的软件开发公司除了提供直播源码以外，还会提供一系列的服务，主要就是为了解决客户没有技术团队的问题。举个简单的例子，我们购买一套直播源码之后，如果想要在现有的基础上添加几个功能，那么就把功能需求整理成为一份文档给开发公司，然后他们会负责将功能开发完成好之后交付给我们，后期还可以免费搭建部署实现上架运营。也就是说，就算没有技术团队，只需要花费一套源码和相关功能开发的费用就可以得到一个成品直播APP，不仅省时省力，还节省了自己组建技术团队的相关人力费用。
其实说来说去，还是找专业的直播软件开发公司更合适。因为他们大都是长期专注于直播系统开发的公司，在技术和功能等方面的实现都具备一定的经验和实力，并且对于直播场景中经常出现的问题也有对应的解决方案，所以，有开发直播平台意向的人不妨去正规、专业的公司咨询一下关于开发费用和技术等方面的问题，这样一来不仅程序的质量得到了强有力的保证，还能享受到相应的服务。
本文声明原创，转载请注明原文链接及出处。 查看全部

文章标题中提到的系统架构问题，在直播软件开发过程中也是非常重要的一部分。为什么这么说呢？我们举个简单的例子，一个施工队盖楼肯定先要把整体的框架用钢筋扎好，然后再进行下一步的工作。开发直播软件也是一样，先把整体的架构设计好罗列出来，再把其中的功能挨个添加进去。
目前市面上的直播软件开发公司都有专人负责系统架构的设计和实现，他们会根据用户需求进行调整，以满足各种应用场景，在这里给大家分享三种常见的直播架构。
1.简单的直播架构
在已有的CDN基础上，再自行搭建一个信令服务器，这样就可以完成服务层的搭建工作了。用户向信令服务器发送共享音视频指令后，再通过相机或摄像头采集数据，编码之后通过直播中常用的RTMP协议将这个流推到CDN。然后接收端向信令服务器发送指令，获取音视频流的名称，再从CDN中拉取该流，经过解码之后渲染在屏幕上，用户就可以观看直播了。建议：在选择CDN服务商时可以选择多家进行对比，比如阿里云和腾讯云等都是国内比较大的服务商。当然，也可以把这件事情交给直播软件开发公司，由他们联系长期合作的服务商提供服务。




2.实时交互的直播架构
为了满足直播交互性强的特性，在设计架构时需要增加自有网络。在音视频数据上传到自有网络之后，还需要通过专门的服务将数据流转成RTMP流推到CDN，对于大多数不参与实时互动的用户来说，他们可以从CDN获取音视频数据了。这种架构既能满足直播用户的实时互动需求，也可以满足其他用户只观看直播不互动的需求，在直播软件开发项目中也是比较常见的一种架构设计。




3.解决高并发的直播架构
可能大家经常看到“直播”“高并发”这些词汇出现，但是对于直播中的高并发并不了解。我们可以这样理解，如果只有1w人观看直播，不是同时进入直播间就没问题，但如果这1w人是在同一时刻进入直播间，如果在直播软件开发过程中没考虑到并发量的问题，那么服务器就会直接崩溃，导致无法观看。所以说，为了解决直播的高负载和并发问题，需要增加资源管理服务器，从而实时监控各个服务的资源情况。




绝大多数人都认为开发直播软件并不需要找专业的开发公司，但实际上来看，找专业的直播软件开发公司还是非常必要的，就像文章中系统架构、CDN服务商和高并发等问题，都可以交给他们负责。比起自己从设计直播架构开始来说，要好多了。希望本篇文章能给大家提供一定的帮助。
本文声明原创，转载请注明出处及链接。 查看全部

大家虽然经常观看直播，但是实际上对直播的流程并不是非常了解。视频直播的流程可以简单分为：采集、处理、编码和封装、推流（到服务器）、分发、播放。其中，在直播软件开发中需要注意的就是推流端的实现问题，如果流推不出去，用户就无法正常观看直播。目前市面上有很多服务商，购买源码时还需要看看他们的程序在自适应方面做的好不好。
1.帧率和码率的自适应
如果直播推流出现了问题，最容易出现的一个问题就是卡顿。假如我们在观看直播时网络环境较差，那么就可以将帧率或者是码率降低一点，音视频流就可以正常推出去。在码率自适应的时候，是可以直接反馈到编码器的，然后动态调整自己的码率，使得传出来的视频码率下降，而帧率的控制相对来说比较简单，在此就不多作赘述了。
2.软硬自适应
大部分人反馈比较多的就是，在观看直播的时候手机会出现发热现象，其实这就涉及到了在直播软件开发过程中，软硬编码的方式选择问题。比如硬件编码，它的优点就是不会导致手机发热，但是音视频比较南通不，而且兼容性不太好。软件编码的话，码率低并且画质好，它也是导致手机发热的“罪魁祸首”。
3.算法自适应
对于推流端来说，它最主要的任务就是将更好的直播画质给推出来，要想使得直播画质变得更好，可以采用H.265编码，举个简单的例子就是，H.264能推出来480P的画质，那么经过H.265之后就能推出来720P的画质。在直播这种交互性强的应用场景，直播画质是否清晰也是评价软件是否优质的标准之一。不仅是主播，现在大多数用户对于画质方面的要求非常严格，假如说用户花钱观看一个主播，但是始终无法看到高清状态下的主播，用户的产品体验就会变得非常糟糕，直播平台就有可能会流失掉一个用户。所以说，选择适合直播应用场景的编码标准也是非常重要的。

在直播应用场景中，自适应并不算是非常复杂的问题。如果想要购买一套程序，但是又不确定程序的质量应该怎么办呢？是否需要考虑自适应的问题呢？事实上，现在的直播软件开发商在购买程序之前，会先提供产品演示供我们下载体验，如果觉得可以再进行下一步的开发或者购买流程，当然这只是针对正规商家，其他渠道来源的程序是否稳定我们就无从得知了。最后，还是建议大家从正规渠道购买程序吧，这样不仅质量有保证，还更加省心。
本文声明原创，转载请注明出处。 查看全部