打造前端MAC工作站(九)配置XAMMP,打造apache+php+mysql本地服务器

打造前端MAC工作站(九)配置XAMMP,打造apache+php+mysql本地服务器

前言

虽然我们是前端工程师,但是以php+mysql为开发语言和数据库的程序还是很多的。包括本人开发的fengcms系统,都是。如果你的公司或者你从事职位不需要涉及到php和mysql,那么你没必要安装这个东西。如果有,那就整一个呗。

其实mac是自带了apache的。但是我自己配置了一下,放弃了,缺少很多组件,又不知道怎么安装。我是拿这个来工作的,而不是折腾着破玩意儿的,所以果断放弃了。如果你有心研究,你可以自己尝试开启mac自带的apache,不过我不推荐。

mac下面有一个非常好用的集成环境软件xampp,当然,这款软件是跨平台的,windowslinux上也都有。我想,你可能在windows上也用过这款软件。

话不多说,开干!

安装配置 XAMPP

首先到官方网站https://www.apachefriends.org/zh_cn/index.html下载MAC版本的安装软件。安装过程非常简单,打开后一路下一步即可。

安装完成后,会出现一个管理面板,打开时会要求你输入你的账户密码,输入即可。如下图所示:

图形界面的使用就不说了,异常的简单。不过,每次要跑这么个东西,我还是很别扭的。所以我推荐大家使用命令行来跑这个东西。

配置命令开启关闭重启 XAMPP

打开命令行工具——iterm2,输入下面的命令

// 跳转到个人根目录
cd ~
// 查看有没有.bash_profile文件
ls -a
// 如果没有就创建一个,否则下一步
touch .bash_profile
// 编辑.bash_profile文件
vim .bash_profile
// 进入 vim 开始编辑,按 i 进入编辑模式

进入编辑模式后,粘贴如下代码进去:

export CLICOLOR=1

#自定义缩写命令  生效命令  source ~/.bash_profile
alias xpst="sudo /Applications/XAMPP/xamppfiles/xampp start"
alias xpsp="sudo /Applications/XAMPP/xamppfiles/xampp stop"
alias xpre="sudo /Applications/XAMPP/xamppfiles/xampp restart"
alias mysql="/Applications/XAMPP/xamppfiles/bin/mysql"

粘贴好之后,按esc退出编辑模式,然后shift+:进入输入命令模式,输入wq保存退出。

然后执行

source ~/.bash_profile

刚刚我们创建的这些命令短语就都生效了。我们可以在命令行输入下面的命令

// 启动 XAMPP
xpst
// 然后会要求输入密码,你输入你当前用户的密码即可。需要注意的是
// 你输入任何字符你都看不见,这是unix和linux的特性

// 停止 XAMPP
xpsp
// 重启 XAMPP
xpre
// 进入 MYSQL 命令行
mysql

其实 .bash_profile 这个文件就是配置我们的常用命令简写的配置文件。你可以把你记不住的命令在这里配置成你能记住的短语,然后执行source ~/.bash_profile就能立即生效。

四个字母就能解决的问题,我想你应该不会迷恋那个图形界面的管理器了。

当我们启动XAMPP后,我们在浏览器中打开 localhost 看能不能打开 xampp的默认首页。如果能打开,则说明完全没有问题了。

配置 XAMPP 自带 mysql 的密码

在默认情况下,xampp自带的 mysql 的用户名为 root ,但是默认密码为空,所以,我们需要给mysql 设置一个密码。

继续命令行:

// 如果你上面的配置成功了,输入mysql即可进入mysql命令行模式
// 用 root 用户登录 mysql
mysql -u root
// 打开 mysql 这个数据库(这里的mysql 和上面的 mysql是不一样的,这个是库名,上面是命令)
use mysql
// 将 mysql 的 root 用户密码设置为 123456
UPDATE user SET password=PASSWORD('123456') WHERE user='root';
// 使修改生效
flush PRIVILEGES;
// 退出 
exit

好,我们已经设置好Mysql的密码了,可以尝试用下面的命令测试一下

// 尝试用空密码登录 root 账户
mysql -u root
// 如果登录不进去,那就说明设置成功了
// 用密码登录输入下面的命令
mysql -u root -p
// 然后会要求你输入密码,输入123456就能进入mysql了
// 退出 
exit

mysql 的图形管理软件,我使用的是 Navicat Premium 这一款。这款软件比较强大,可以管理不同的数据库。这款软件是收费的,我用的是破解版。下载地址请在我的打造前端MAC工作站(二)安装软件的两种方法这篇博文里面找。

配置 XAMPP 支持虚拟主机

命令行中的 vim 编辑器不熟悉的同学,可以看下我的博文 打造前端MAC工作站(五)让我们熟悉一下 MAC 命令行吧!,中间简单介绍了VIM的基础使用方法。高级的也可以看我转载的博文,上面那篇博文里面有对应的链接。

配置apache基础文件

进入命令行

// 进入 XAMPP 配置目录
cd /Applications/XAMPP/etc/
// 编辑配置文件
vim httpd.conf
// 然后进入VIM 编辑器

进入后,搜索<Directory />,如果VIM不熟悉,请用方向键慢慢往下找!将这里面的内容替换成如下配置:

<Directory />
    Options Indexes FollowSymLinks Includes ExecCGI
    AllowOverride All
    Require all granted
</Directory>

然后搜索 DirectoryIndex 这里是配置默认首页文件的。将配置修改为以下(或者你项目常用的)

DirectoryIndex index.htm index.html index.php

然后搜索 httpd-vhosts.conf 这个,这个文件是配置虚拟主机的文件,需要把最前面的#号删除(在这个配置文件中#是代表注释的意思),如下:

# Various default settings
Include etc/extra/httpd-default.conf

全部编辑完成后,我们按 esc 退出编辑模式,输入 :wq 命令保存退出。

其实我有点坑大家。如果你是在是搞不定 VIM ,也可以用图形界面的文本编辑器来进行编辑的。具体自己搞去……我还是强调一下,作为一名合格的工程师,即便 VIM 不是特别熟悉,能用来做主力编辑器,最起码也要做到能使用的水平。

好,下面继续配置虚拟主机。

// 在 ~ 下创建一个 Site 文件夹,用于放我们的网站
cd ~
mkdir Site
// 创建一个叫 mySite 的网站目录。你可以随便放点网页文件进去,我们将用xampp搭建服务器跑这个东西
cd Site
mkdir mySite
// 编辑虚拟主机配置文件
vim /Applications/XAMPP/etc/extra/httpd-vhosts.conf
// 进入VIM编辑这个文件

把里面原有的内容清空,输入下面的内容

<VirtualHost *:80>
    ServerAdmin web@fengcms.com
    DocumentRoot "/Users/fungleo/Site/mySite"
    ServerName my.com
    ServerAlias my.com
    ErrorLog "logs/web-error_log"
    CustomLog "logs/web-access_log" common
</VirtualHost>

:wq 命令保存退出

配置hosts文件

继续命令行

// 编辑 hosts 文件,可能会要求输入密码
sudo vim /etc/hosts
// 进入VIM编辑

在里面插入

127.0.0.1       my.com

:wq 命令保存退出

sudo 是申请超级权限的意思。因为 /etc 是系统目录,所以编辑里面的文件需要申请超级权限。在linux 下面也是同样的命令

**重启 xampps ,测试一下

xpre

重启成功后,我们在浏览器中输入 my.com 应该,就能打开你自己的这个网站了。

如果需要配置多个网站,则在 /Applications/XAMPP/etc/extra/httpd-vhosts.conf 中再增加一套上面的那样的配置参数,然后在增加一个本地域名解析,然后再重启就好了。

小结

  1. vim 编辑器真心很重要,不求用好,但求能用不懵逼。
  2. mysql的管理软件除了下载我刚刚上面那个说的,你还可以在本地跑一个 phpmyadmin来管理,phpmyadmin其实就是一个网站的说,配置一个专用的管理数据库的本地网站即可。
  3. 如果你在配置的过程中遇到什么问题,或者版本更新了和本博文不一致,建议利用搜索引擎解决问题。
  4. 我不是xampp的专家,我只知道简单的配置后能用。所以更多内容请不要咨询于我。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏腾讯NEXT学位

小程序iOS客户端框架——控件事件逻辑框架与控件原生化(上)

? 小程序自发布以来,为开发者和用户提供了一种轻量级的App。作为一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打...

22310
来自专栏Kubernetes

原 荐 基于Kubernetes的ESaaS

概述 ESaaS(ElasticSearch as a Service)是ElasticSearch on Kubernetes的产品实现,是利用Docker和...

35260
来自专栏吴伟祥

Linux 远程登录:Xshell、SecureCRT、Putty

       Alt + Enter -- 全屏   Alt + B --打开新的连接   Alt + 1/2/3/4/5.../9 -- 切换到第1/2/...

1.3K20
来自专栏idealclover的填坑日常

XAMPP+PhpStorm+Xdebug调试本地网页

因为要折腾自己的Wordpress博客,所以不得已入坑了世界上最好的语言qwq第一步就是所说的配置本地的调试环境啦~总不能一上来就在服务器上写吧orz

30710
来自专栏数据和云

最佳实践:巧妙kill CRS进程而不导致主机重启

张大朋(Lunar)Oracle 资深技术专家 Lunar 拥有超过十年的 ORACLE SUPPORT 从业经验,曾经服务于ORACLE ACS部门,现就职于...

410100
来自专栏FreeBuf

护卫神主机大师提权漏洞利用分析

护卫神·主机大师支持一键安装网站运行环境(IIS+ASP+ASP.net+PHP5.2-5.6+MySQL+FTP+伪静态+PhpMyAdmin),并可在线开设...

34000
来自专栏葡萄城控件技术团队

HTML5 & CSS3初学者指南(3) – HTML5新特性

介绍 本文介绍了 HTML5 的一些新特性。主要包含以下几个方面: Web 存储 地理位置 拖放 服务器发送事件 Web存储 HTML5...

27780
来自专栏小白课代表

Autodesk 3DS MAX 2019安装教程

3D Studio Max,常简称为3d Max或3dsMAX,是Discreet公司开发的(后被Autodesk公司合并)基于PC系统的三维动画渲染和制作软件...

22720
来自专栏IT派

Python入门网络爬虫之精华版

首先列举一下本人总结的相关文章,这些覆盖了入门网络爬虫需要的基本概念和技巧:宁哥的小站-网络爬虫

15620
来自专栏沈唁志

如何在Ubuntu 16.04上安装PrestaShop

如果您曾经考虑过开设在线商店,您可能会感受到各种免费的开源电子商务解决方案。虽然有这么多的选择意味着几乎可以肯定有一个可用的有效解决方案适合您的特定情况,但它也...

36030

扫码关注云+社区

领取腾讯云代金券