微信支付课程相关问题梳理

    再19年下旬，我推出了一门微信支付的专项课程，这门课程共包含4套项目，分别对应web app、小程序、小程序云和Node后台等；这门课程集中讲解了微信的授权、登录、分享和支付功能，彻底解决大家平常开发当中遇到的微信难题，也是一门专项课程。《微信支付课程》    但再学习当中，大家有些问题，我这儿做一些梳理，希望能够对大家有一定帮助。问题1. 个人开发者能否开通微信支付功能？    微信支付需要企业资质，并且开通对公账户（企业银行卡），因为支付是需要别人给你付钱，所以需要企业银行账户。问题2. 个体户能否开通微信支付功能？    个体户可以开通支付功能。再申请的时候，选择企业类型，里面会有个体户的选项；最后按照提示即可，不过可能需要申请对公账户。申请流程第一步：注册公众号（类型须为：服务号、政府或媒体订阅号）请根据营业执照类型选择以下主体注册：

Vue全家桶高仿小米商城

    大家好，我是河畔一角，时隔半年再次给大家带来一门重量级的实战课程：《Vue全家桶高仿小米商城》，现在很多公司都在参与到商城的构建体系当中，因此掌握一套商城的标准开发体系非常重要；商城的开始时非常复杂的，包括众多的页面设计和交互，以及非常丰富的知识点，所以一旦学会商城开发，其它系统完全不在话下。    下面给大家介绍一下小米商城包含的知识点和内容：    商城的页面流程：    商城组件部分：    NavHeader(导航头组件)、NavFooter(导航底部组件)、ServiceBar(服务条组件)、ProductParam（产品参数吸附组件）、OrderHeader（订单头组件）、Loading（加载组件）、Modal（弹框组件）、No-Data（无数据组件）、ScanPayCode（支付封装组件）

如何成为一名合格的前端工程师

各位前端同学们，大家好，我是河畔一角。目前主攻前端方向，略有见解，希望能够和大家一起交流。    现如今，前端已经是一个异常响亮的行业名词，正汇聚各方好汉，华山论剑日益激烈。据2019最新的编程语言排行显示JavaScript已排名第七，由此可见，前端的未来不是梦。要学习前端，必然先了解前端：前端可以说一共经历了四个时期：原始社会（早期互联网、Netscape ）、石器时代（PHP、JSP网页嵌套 MVC为主）、铁器时代（jQuery 读写Dom）、工业时代（MV* Vue/React/Angular/Nodejs/小程序/Chrome V8）; 可以说现在的前端从业者很多都是从石器时代或者铁器时代过渡而来，我本身也是Java出身，后来不经意间从JSP转成了JS.乱世出英雄，早期的前端没有地位，没有名份，纷乱嘈杂，才造就了今天的辉煌。错过了石器时代、铁器时代，如今我们迎来了辉煌的工业时代，Vue/React/Angular/小程序/Nodejs等一跃成为当下

VUE 配置vue-devtools调试工具

1. 通过 Git 克隆项目到本地git clone https://github.com/vuejs/vue-devtools.git 2. Git 进入到 vue-devtools 所在目录，然后运行以下两个指令。    先运行 npm install 安装项目依赖    再运行 npm run build 进行编译生成 这两条指令的运行都需要一定的时间，请耐心等待，build 成功后如下图： 3. 修改安装目录vue-devtools\shells\chrome 中 的manifest.json文件。 将 persistent 参数改为 true，如下图： 4. 将扩展程序添加到chrome浏览器a. 打开浏览器扩展程序（也可以直接在地址栏输入 chrome://extensions/  来打开） b. 打开扩展程序后，开启

Node版本升级和降级

    再特殊的场景下，我们前端同学需要对Node的版本进行升级和降级，比如：        服务器和本地配置不一致Node新功能尝鲜NPM插件的兼容问题    一、安装NPM插件 n ，通过n模块来管理Node的版本；通过npm/cnpm install n -g  全局安装n模块n stable 或者 sudo n stable 安装当前稳定的版本；n latest 或者 sudo n latest 安装当前最新的node版本；n v10.16.2 可以指定安装对应的版本；卸载的话，可以使用n rm v10.16.2来删除当前node版本；二、使用nvm来管理node首先要卸载node，因为nvm会从新安装node版本；nvm 的下载地址：https://github.com/coreybutler/nvm-windows/releases 。选择第一个 

Node在Window、Mac和Linux环境下的安装和配置

      对于前端同学而言，开发的首要条件就是安装Node和NPM环境，现如今Node环境的安装和配置已经非常简单了，再次我整理一个手记，希望能再次帮助到大家。一、Window和Mac用户的安装中文Node下载地址：http://nodejs.cn/download/      打开这个链接会看到一个醒目的文字：最新的长期支持版本，通常我们默认下载的就是最新而且长期支持的稳定版本，希望大家每次下载都能下载稳定版本，最新的版本不一定就是最稳定的版本，只有LTS的才是稳定版本，也就是大部分的企业和用户在使用的版本，它的bug非常少，性能非常突出，而有些同学为了尝鲜新功能，就去下载了最新的版本，这个前提是一定要知道，他是存在问题的，是研发人员正在研发的一些新功能，但是还不能保证可以正常运行或许存在一些Bug，所以这样的版本不建议大家安装，更重要的是不要在服务器上面配置，因为一旦出了问题，大家就很难解决，也没有解决方案。接下来，我们讲安装方式：Windo

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的版本