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擴展安裝

一、redis擴展
在這裏找到對應版本，下載DLL解壓到php ext文件夾內，在php.ini添加extension=php_redis.dll就大功告成了。
二、mongodb擴展
在這裏找到對應版本，下載DLL解壓到php ext文件夾內，在php.ini添加extension=php_mongodb.dll就大功告成了。
三、重啓apache

步驟三：yii2擴展安裝

一、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',
        ),
    ),

二、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應用安裝

下次教程正式進入開發過程。