Yii2：教你一步步写一个微信商城（一）

本教程主要基于 terry 大神的开源商城 Fecshop，为大家解读 Fecshop 的源码，由于原版商城更多是针对国际业务，因此本教程会适当修改，使其更适合于微信环境。由于商城源码复杂，本教程将长期更新。本人也是边学习边写这份教程，过程中难免会出现错误，还请大家指正。

今天呢主要是搭建开发环境，由于本人比较习惯于在windows上开发，因此环境也是搭建在windows上，具体环境为：
apache2.4+php7.1+mysql5.6+redis3.2+mongodb3.2
如何安装这边就不讲了，网上教程有很多，下面主要讲yii2安装和php扩展安装

步骤一：yii2下载

按照官网安装教程，可以用composer安装，也可以下载压缩包，我个人采用composer安装时10次有9次都特别慢，因此更喜欢下载压缩包安装，这里的版本选择advanced

步骤二：php扩展安装

1、redis扩展
在这里找到对应版本，下载DLL解压到php ext文件夹内，在php.ini添加extension=php_redis.dll就大功告成了。
2、mongodb扩展
在这里找到对应版本，下载DLL解压到php ext文件夹内，在php.ini添加extension=php_mongodb.dll就大功告成了。
3、重启apache

步骤三：yii2扩展安装

1、yii2-redis扩展
进入yii2 advanced所在文件夹，执行composer require --prefer-dist yiisoft/yii2-redis，我这边每次用composer都特别慢，这里还有另一种方式，到 https://github.com/yiisoft/yi... 下载解压到vendor/yiisoft/yii2-redis，在yiisoft/extension.php中添加

'yiisoft/yii2-redis' =>
    array (
        'name' => 'yiisoft/yii2-redis',
        'version' => '2.0.6',
        'alias' => array (
            '@yii/redis' => $vendorDir . '/yiisoft/yii2-redis',
        ),
    ),

2、yii2-mongodb扩展
进入yii2 advanced所在文件夹，执行composer require --prefer-dist yiisoft/yii2-mongodb，同上述，可以到 https://github.com/yiisoft/yi... 下载解压到vendor/yiisoft/yii2-mongodb，在yiisoft/extension.php中添加

'yiisoft/yii2-mongodb' =>
    array (
        'name' => 'yiisoft/yii2-mongodb',
        'version' => '2.1.0',
        'alias' => array (
            '@yii/mongodb' => $vendorDir . '/yiisoft/yii2-mongodb',
        ),
    ),

步骤四：部署域名

有了上述扩展后，进入yii2 advanced所在文件夹，执行 init 生成初始代码，接下来配置一下本地域名

1. 找到C:\Windows\System32\drivers\etc\hosts 文件，添加商城的三个端口，后台、移动端（微信）、电脑端

    127.0.0.1  admin.shop.com
    127.0.0.1  m.shop.com
    127.0.0.1  www.shop.com
   

2. 找到apache配置文件httpd.conf,找到 Include conf/extra/httpd-vhosts.conf，将前面的#去掉

3. 找到extra/httpd-vhosts.conf,添加如下内容

    <VirtualHost *:80>
   DocumentRoot "yii2-advanced安装路径\backend\web"
   ServerName admin.shop.com
   ServerAlias admin.shop.com
   </VirtualHost>
   
   <VirtualHost *:80>
   DocumentRoot "yii2-advanced安装路径\frontend\web"
   ServerName www.shop.com
   ServerAlias www.shop.com
   </VirtualHost>
   
   <VirtualHost *:80>
   DocumentRoot "yii2-advanced安装路径\wechat\web"
   ServerName m.shop.com
   ServerAlias m.shop.com
   </VirtualHost>
   

4. 重启apache

现在在浏览器访问 admin.shop.com 和 www.shop.com 就可以看到yii2自带的前台和后台了，细心的小伙伴可能已经发现yii2自带的应用并没有wechat，现在我们就给它添加一个

①找到environments文件夹下的index.php,添加标红内容

②分别到 environments\dev 和 environments\prod 复制一份 frontend 文件夹并重命名为 wechat
③到 yii2-advanced 安装目录复制一份 frontend 文件夹并重命名为 wechat，找到 wechat\config\main.php
修改如下内容

④找到 wechat\controllers\SiteController.php，修改命名空间为wechatcontrollers
⑤找到 common\config\bootstrap.php，添加

Yii::setAlias('@wechat', dirname(dirname(__DIR__)) . '/wechat');

⑥找到 wechat\config\main-local.php，修改 cookieValidationKey的值，随便改一两个字母就可

至此，wechat 应用就创建完毕，在浏览器中输入 m.shop.com 就可以访问了，界面和前台界面一样。

总结

以上就是今天的主要内容，通过今天的教程你可以学到

• yii2扩展安装
• php扩展安装
• 本地域名配置
• yii2应用安装

下次教程正式进入开发过程。