微擎学习-本地搭建开发环境及小程序请求Debug

最近工作需要开始接触微信应用的开发，了解下主流的微信应用框架，选择了微擎，还有诸如微赞，微动力的应该都差不多吧，而且我找到的用来二开的代码也是微擎上的，就搞搞微擎。

搭建微擎需要的基础环境

第一种可以选择自己搭建PHP+Mysql的环境，可自行查找其他资料。
第二，选择wampservice这类集成环境，简化配置。
以下以wamp为例：
启动wamp，选择apache–alias目录–添加一个alias（不多说）

安装微擎

某宝买一个破解商业版的代码，微擎也是刚刚了解，具体怎么破解的什么的我也也没去研究，具体差别多大也不清楚，后续在研究吧。开始使用了官方GIT代码（Git开放源地址：http://git.oschina.net/we7coreteam/pros.git），安装完成后站点一直报错，具体原因也还没去找。反正代码能在本地跑起来，方便开发就好。后续应用反正是要放在微擎真实环境用，到时候在检验吧。

1. 把搞到的代码放入刚刚新建的alias目录下
2. localhost主页点击刚刚新建的alias
3. 就会看到微擎的要求安装的提示，安装提示输入数据库用户名密码（不要空），一步步完成安装。不会微擎安装的请参考微擎官方文档
4. 安装成功后点击新建的alias，就可以看到了

安装模块

把找到的小程序源码后端，放入addons进行安装。网上很多例子，我安装时没截图。

小程序

把找到的小程序源码前端，导入到微信开发工具中，设置不检查合法域名
设置siteinfo.js
module.exports = {
name: “”,
uniacid: “3”,//参考微擎中uniacid
acid: “3”,//参考微擎中acid
multiid: “0”,
version: “1.0.0”,
siteroot: “http://localhost/we7/app/index.php”,//http://localhost/+新建的alias
design_method: “3”
};

完成

这样基本完成本地开发环境的安装。

Debug

开发就离不开Debug。

1. PHP-Xdebug
   正常wamp已经安装x-debug，点击localhost首页-tools-phpinfo()查看。
   修改php.ini设置idekey等
   xdebug.idekey=phpstorm

   xdebug.remote_enable = on
   xdebug.profiler_enable = on
   xdebug.profiler_enable_trigger = on
   xdebug.profiler_output_name = cachegrind.out.%t.%p
   xdebug.profiler_output_dir =“d:/wamp64/tmp”
   xdebug.show_local_vars=0

   xdebug.remote_host=localhost
   xdebug.remote_port = 9000
   xdebug.remote_handler=dbgp
   xdebug.auto_trace = on

2. 设置phpstorm debug
   setting–languages&frameworks–php-debug
   servers添加
   

3. 浏览器下载安装Xdebug插件不多介绍。

Debug启用

浏览器Xdebug插件选择Debug

Phpstorm选择开启Debug（截图为已开启状态）
ok，这样断点就进来了

小程序请求Debug

微擎提供了util.js util.request方法来处理所有的请求的拼接，这样刚好利用这个方法，来增加请求的header值增加属性"Cookie": “XDEBUG_SESSION=PHPSTORM”，来实现小程序端请求的DEbug

wx.request((_defineProperty(e = {
        url: o,
        data: a.data ? a.data : {},
        header: a.header ? a.header : {},
        method: a.method ? a.method : "GET"
    }, "header", {
        "content-type": "application/x-www-form-urlencoded",
        "Cookie": "XDEBUG_SESSION=PHPSTORM"
    }),