Vue/小程序/小程序云+Node+Mongo开发微信授权、支付和分享

      大家好，我是河畔一角，今天给大家介绍我的第三门实战课程：基于微信开发的H5、小程序和小程序云的授权、支付和分享专项课程。一、这一次为什么会选择微信支付和分享的课题呢？      金庸的小说中曾提到：有人的地方就有江湖。微信的月活达到10亿，因此微信的生态和江湖再中国无疑是巨无霸，既然是江湖，那必然少不了厮杀和争斗。纵观国内市场，支付两大巨头微信和支付宝，得益于微信的社交基因，恰恰是我们前端开发者的天然战场，再公司的业务当中，我们的营销活动、公众号、小程序、微信H5等等无一不是我们前端必学技能、必备杀手锏。线上的电商、医疗、教育到线下的餐饮、共享单车、O2O等等各行各业都在拥抱互联网，而支付、授权、分享更是他们的核心，有了授权分享才能拉动更多用户、有了支付才能提高收入，增加用户便捷的支付体验。因此我们针对这个主题展开给大家做实战讲解，同时结合Node和Mongo，让大家彻底搞懂微信支付和微信授权分享的知识，一

微信认证申请流程（企业类型）

第一步：登录微信公众平台->设置->微信认证->开通第二步：同意协议：签署《微信公众平台认证服务协议》第三步：验证管理员第四步：选择认证类型及填写认证资料、选择认证类型及公函上传企业资质信息对公银行账户信息联系人信息填写确认名称。公众号名称可以选择2种命名方式：基于商标命名、基于自选词汇选择发票支付费用认证审核。我司收到打款后，会及时将该帐号认证申请派发给第三方审核公司进行审核。温馨提示：1) 我司收到打款后会在小信封通知对应审核公司名称及联系方式。2）审核过程中若有问题，审核公司会主动联系运营者。

微信公众号申请开通微信支付

公众号申请好并且认证完成之后，开始申请微信支付，注意申请支付要有营业执照和对公账户，个人公众号暂时还不支持认证，所以不能申请支付。如下图：点击左侧的微信支付。点击微信支付后，右侧内容区域选择申请开通微信支付，如下图：填写相关信息，联系人信息，然后用绑定联系人本人身份证银行卡的微信扫描给出的二维码进行验证。填写商户简称，经营类目，以及经营范围并且上传相关资料进行验证，提交完成之后点击下一步。然后填写商户信息以及结算账户，一般商户信息是直接提取的之前填写的内容，您在进入页面的时候可以核对一下，然后点击下一步填写结算账户，填写完成之后开始提交。提交完成之后，3-5个工作日内，会进行审核，审核通过之后会往您填写的邮箱里发一封邮件是关于微信支付商户的帐号信息，同时您对公账户上也会收到几毛钱的汇款，需要您查看下具体的金额然后登录微信支付商户平台进行验证。验证完成之后，微信支付整个流程算是走完了，如果需要开通支付通道，这就需要获取相应的接口，然后进行对接就可以了。

个人创建微信公众号步骤

1、打开微信公众平台官网：https://mp.weixin.qq.com/ 右上角点击“立即注册”；选择帐号类型；2、填写邮箱，登录您的邮箱，查看激活邮件，填写邮箱验证码激活；3、 了解订阅号、服务号和企业微信的区别后，选择想要的帐号类型；下图为订阅号、服务号和企业微信的在手机端展示效果；4、信息登记，选择个人类型之后，填写身份证信息；5、填写帐号信息，包括公众号名称、功能介绍，选择运营地区；恭喜注册成功！可以开始使用公众号了~

webpack升级后配置文件合并，如何配置babel-plugin-import?

近期很多同学通过create-react-app创建项目后，发现webpack的配置文件合并成一个了，但是这个时候应该如何去配置antd或者其它UI库的按需加载呢？如何动态添加less解析呢？实际上万变不离其宗，配置的方式还是官网插件的用法，但是这个地方有个提示大家要注意：antd官网提供的react-app-rewired 插件已经无法使用，因为react-app-rewired默认修改config下面的webpack.config.dev.js但是现在已经没有这个文件了，所以这个插件已经无法使用，后期antd官网的脚手架应该会更新版本来兼容。接下来，我们看看如何解决这个问题：首先实现组件的按需加载。找到 oneOf下面的test:/\.(js|mjs|jsx|ts|tsx)$/, 然后再plugins里面添加代码：这个代码需要依赖于插件babel-plugin-import，因此需要先通过yarn add babel-plugin-import --save才可以启动。2. 实现解析less文

权限菜单设计

1.权限的作用意义顾名思义，“权”代表“权力”，划分了系统的职权，不同的用户拥有不同的权力划分；“限”代表“限制”，在权力划分的基础上对职能范围进行了限制，本文所述的权限相对简单，赋予不同角色看到不同菜单的权限。权限控制能较好地解决系统安全问题，避免公司机密资料外泄，同时，不同部门使用系统时互不干扰，因此被企业广泛应用。2.梳理用户、角色的概念（1）用户用户是指系统的登录用户，可以理解为一系列的人员，例如登录用户为张三、李四、王五和肖六这几个人。（2）角色角色指用户在系统中担任的角色，是系统赋予用户的头衔，例如A公司后台系统角色可以定义为：总裁、经理、员工。3.选择合适的权限模型（1）传统的权限模型在早期，传统的权限模型就是为用户分配菜单权限，例如张三看到A、B、C菜单，李四看到B、C菜单，王五和肖六看到A、B、C菜单，这种传统的权限模型简单粗暴，直接为用户分配菜单即可，但是随着公司员工激增，在动则数百人的公司里，没一个员工都要分配一次，显然效率太低。并且，在进行交互设计时，定义数百名用户拥有的菜单权限，那

React全家桶+AntD框架开发共享单车后台管理系统

    大家好，我是河畔一角，目前在一家共享单车公司担任前端架构师职位，作为一名前端工程师，我非常渴望能够讲自己多年来汲取的精华知识传授给大家，非常渴望能够去解决大家在开发过程中的痛点。经过一段时间的调研，我总结出了其中一个非常重要的结论，大家在开发后台管理系统的时候，往往举足不定，因为工作经验不足，技术有壁垒。本次借此机会，我耗时几个月给大家做了一次针对后台管理系统的课程：React全家桶+AntD框架开发共享单车后台管理系统    这门课程从几个维度进行刨析：    第一：使用目前最流行的前端MV*框架开发，React全家桶一应俱全，技术不落伍。    第二：好马配好鞍，有了技术框架，对于后台系统来说，必然需要有一把利剑，那就是AntD. AntD是蚂蚁金服公司出品的一款React UI框架，极大便利了我们的前端React开发者。可能有的同学会说

Mac环境下安装和配置MongoDB

Mac 下安装 MongoDB 一般有两种方法，一种是通过源码安装，一种是直接使用 homebrew ，如果自带的有homebrew推荐使用 homebrew进行安装。 Homebrew的安装方式： 1.安装 homebrew ： /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 3.使用 homebrew 安装 MongoDB ： brew install mongodb 安装成功后，文件在 /usr/local/Cellar/mongodb/3.4.6目录下 如果大家不用Homebrew的话，直接去官网下载文件进行安装。

MongoDB给数据库创建用户

一.先以非授权的模式启动MongoDB 非授权： linux/Mac : mongod -f /mongodb/etc/mongo.conf windows : mongod --config c:\mongodb\etc\mongo.conf 或者 net start mongodb （前提是mongo安装到了服务里面） 备注： /mongodb/etc/mongo.conf 位mongo配置文件所在的地址 授权： mongod -f /mongodb/etc/mongo.conf --auth 备注： 1.--auth代表授权启动，需要帐号密码才能访问 2.auth=true可以加到mongo.conf配置文件里面去进行统一管理 二.创建管理员 1.通过非授权

windows32位系统 安装MongoDB

一、下载MongoDB 打开官网下载地址：https://www.mongodb.com/download-center#community 分别对应4个平台，windows、Linux、OSX和Solaris 我们是windows系统自然要选择windows平台进行下载，但是，我发现在windows平台下，没有32位的MongoDB,后来，我干脆直接下载了第一个，结果安装的时候直接报错，报错如下： 经过几次分析和博客查找后，发现，MongoDB最新的文档版本3.4.4确实不支持win7 32位 ，所以大家如果也是win7 32位系统就不要安装3.4以上的版本了。 不过大家可以下载3.2的版本