Mac配置与远程服务器、数据库的连接

1.注册域名（类似baidu.com）

博主选择的是Freenom免费域名注册(需要翻墙).

• 首先在红色框位置填写您需要注册的域名，然后点击绿色框位置的查询

1.png

• 然后你会看到如下界面，这里我们在下面5个免费域名中选择一个，然后在下面的红色框内点击"Get it now!",然后点击上面的"Checkout"按钮。

2.png

• 数字1代表您想要注册的域名，数字2代表您想要注册多久（最多免费12个月），然后继续。

  
  
  

  3.png

• 在下一个页面希望我们输入一个邮箱来当做您的账号，点击确认后去邮箱找到邮件点击其中的链接。

  
  
  

  4.png

• 在其中输入一些基本信息后
  Email Address代表您的邮箱账号
  password和下面的Confirm Password确认密码代表您的密码。
  然后勾选提交表单左侧的单选框，点击提交。

5.png

• 注册成功后会显示如下界面,其中的number无须疑虑，目前没什么用处。

  
  
  

  6.png

• 然后我们进入登录页面，输入邮箱和密码进行登录，登录成功后会跳转到如下界面，背景上会显示您的姓氏代表登录成功。

7.png

• 好！现在域名已经注册成功，我们需要去创建一个服务器。当然，这个网址先不要关掉，后面我们还会

  再次配置！！！！！！

2.服务器搭建

博主这里选择具有免费测试的主机屋

• 老样子，我们先注册一个账号。成功后会进入这个页面。（如果没有进入的话可以在首页最上方导航栏的【控制中心】进入）

  
  
  

  8.png

• 点击左边导航栏的【虚拟主机】（因为博主配置过了所以右边的内容和萌新不一样，萌新直接点击右边的开通即可继续下一步）

  
  
  

  9.png

• 然后会让你花钱开通，土豪请直接开通，但是有免费的，在导航栏中点击【免费空间】—>【立即开通】（即可开通成功）

11.png

• 然后左侧会要求初始化网站域名（这个域名是网站给用户默认的域名，还记得我们第一步注册的域名吗，需要映射到这个网站上）。然后点击右侧的控制面板

12.png

• 进入域名绑定，填写之前在第一步中注册的域名(例如helloworldzty.cf)

  
  
  

  13.png

• 然后点击【一键解析】,会出现如下信息，记住红色框内的域名。来到我们之前的那个网站。

  
  
  

  14.png

• 在services找到My Domains（图中1代表）然后点击图中2的按钮（被下拉框覆盖掉了），进入一个新页面。

  
  
  

  15.png

• 进入后默认是第一个标签页，我们选择第四个标签页

16.png

• 之后在Add Record中添加两个
  1.先前注册的域名例:www.zhengtianyu.cf
  2.先前一键解析的别名例：crXXX.webcname.net
  3.添加第一个成功后再次添加一个，这次修改Name内容（把域名中的www.去掉）
  

  

  17.png

• 结果如下：（一般免费用户映射域名需要大概一天的时间才能成功 即 图14一键解析成功）

  
  
  

  18.png

• 然后我们回到主机屋点击它给你绑定的的默认域名就会看到如下效果

19.png

• 同时设置好您的FTP密码和MySQL密码
  FTP密码会在服务器链接工具（transmit）登录中用到
  MySQL会在链接远程数据库中用到

  
  
  

  20.png

21.png

3.文件传输（FTP）

这里我们选用的工具是transmit

• 打开transmit工具，输入如下图
  1.主机屋控制面板中 网站FTP地址
  2.FTP用户名
  3.FTP密码（自己设置的）
  4.选填
  5.端口号（通常都是21）

  
  
  

  22.png

• 然后登陆成功后我们会看到三个文件夹，我们需要把我们的工程拖拽到web页面下，此时web文件夹就是我们php工程的根目录。（Web文件夹下默认有一个index.htm文件代表图19的欢迎页面，我们把它删除，放入自己的index.html文件。是.html文件！！！html文件！！！html文件！！！）

  
  
  

  23.png

• 至此配置工作已经完成，我们可以查看一下域名绑定中的解析状态（如果不成功就多刷新几次页面，亲测很快就会好用），如果成功的话~Congratulation！去使用域名登录你写的第一个网页吧。

  
  
  

  24.png

欢迎访问博主的首页 ~~~
欢迎访问博主的首页 ~~~
欢迎访问博主的首页 ~~~

zhengtianyu.cf