Terrapattern_website系统调试

古城微笑少年丶 2022-04-14 02:42 195阅读 0赞

### 目录 ###

*  一、环境配置
 *   *  1.1 安装foreman
     *  1.2 执行bundle
     *   *  1.2.1 进入目录
         *  1.2.3 执行bundle命令
         *  1.2.4 安装Memcached
 *  二、Google Maps API
 *   *  2.1 申请
 *  三、本地路由
 *   *  3.1 配置\` /etc/hosts\`
 *  四、运行项目
 *   *  4.1 foreman启动

# 一、环境配置 #

## 1.1 安装foreman ##

![在这里插入图片描述][20181122233024900.png]  
![在这里插入图片描述][20181122233112863.png]

## 1.2 执行bundle ##

### 1.2.1 进入目录 ###

![在这里插入图片描述][20181122233308158.png]

安装ruby-2.3.1，如下图所示；  
![在这里插入图片描述][20181122233346918.png]

有错误，没有安装成功，如下图所示；  
![在这里插入图片描述][20181122233520891.png]

直接打开浏览器输入网址`ftp.ruby-lang.org/pub/ruby/2.3/ruby-2.3.1.tar.bz2`，下载了ruby-2.3.1.tar.bz2文件，然后手动安装，教程如下链接，  
[http://www.runoob.com/ruby/ruby-installation-unix.html][http_www.runoob.com_ruby_ruby-installation-unix.html]  
(1)解压下载文件  
![在这里插入图片描述][20181122234800198.png]

（2）进入目录  
![在这里插入图片描述][20181122234830750.png]

(3)配置，使用命令`./configure`  
![在这里插入图片描述][20181122235153208.png]  
配置成功界面，如下图所示；  
![在这里插入图片描述][2018112223520998.png]

（4）编译，命令`make`，执行编译成功之后的界面如下所示；  
![在这里插入图片描述][20181122235803329.png]

（5）安装，命令`sudo make install`，安装成功之后的界面如下所示；  
![在这里插入图片描述][20181122235859832.png]

（6）设置ruby-2.3.1为默认版本，命令`rvm 2.3.1 --default`  
还是没有安装成功；  
![在这里插入图片描述][20181123000329107.png]

> 手动修改Gemfile文件的ruby版本为2.3.7

### 1.2.3 执行bundle命令 ###

打开终端，进入项目所在根目录，输入如下所示的代码；

bundle install

安装成功结果如下图所示；  
![在这里插入图片描述][20181123133910376.png]

### 1.2.4 安装Memcached ###

使用命令如下所示：

brew install memcached

![在这里插入图片描述][20181123141651659.png]  
安装成功，如下图所示；  
![在这里插入图片描述][20181123141740732.png]

# 二、Google Maps API #

## 2.1 申请 ##

（1）输入网址，[https://developers.google.com][https_developers.google.com] (需要科学上网)，如下图所示；选择  
![在这里插入图片描述][20181123002805300.png]  
点击开始使用  
![在这里插入图片描述][20181123130959541.png]  
选择启用Google地图平台的`地图`，点击继续  
![在这里插入图片描述][20181123133134754.png]

创建一个项目`terrapattern`，如下图所示；  
![在这里插入图片描述][20181123133245421.png]

设置结算账号，点击设置账号即可以完成，如下图所示；  
![在这里插入图片描述][2018112313344522.png]

启用Google Maps Platform，点击下一步，如下图所示；  
![在这里插入图片描述][2018112313355049.png]

得到API KEY值了，如下图所示；  
![在这里插入图片描述][20181123133843136.png]

> Google Maps API KEY：`AIzaSyAa0cMnaomWSPK2y7LwKm6uST-2idwS_vQ`

# 三、本地路由 #

## 3.1 配置`/etc/hosts` ##

> 参考教程：[https://jingyan.baidu.com/article/fec4bce2690417f2618d8b07.html][https_jingyan.baidu.com_article_fec4bce2690417f2618d8b07.html]

打开终端，输入如下的命令，即可以打开hosts文件；

sudo vi /private/etc/hosts

![在这里插入图片描述][2018112314195726.png]

![在这里插入图片描述][2018112314201129.png]

增加如下所示的代码：

> 需要按下i键，然后才能进行插入操作

127.0.0.1 www.terrapattern.dev
    127.0.0.1 pgh.terrapattern.dev
    127.0.0.1 sf.terrapattern.dev
    127.0.0.1 nyc.terrapattern.dev
    127.0.0.1 detroit.terrapattern.dev
    127.0.0.1 berlin.terrapattern.dev

![在这里插入图片描述][20181123142027722.png]

> 编辑好hosts文件，按下键盘“Esc”按键，输入“:wq”将会自动保存，就可以结束编辑器

# 四、运行项目 #

## 4.1 foreman启动 ##

打开终端，输入如下所示的命令，即可以运行项目；

foreman start

![在这里插入图片描述][20181125124517956.png]

运行之后的情况，如下界面所示；  
![在这里插入图片描述][20181125124532415.png]

打开浏览器，看到如下界面；

[20181122233024900.png]: /images/20220414/3dc0cd0cfa5747b5a5037095b352262d.png
[20181122233112863.png]: /images/20220414/1ba96af03e774a8299e0789ce0dc681f.png
[20181122233308158.png]: /images/20220414/05204e1c66c34507a2805fc549f34f6e.png
[20181122233346918.png]: /images/20220414/046f62af51de47108679261f0686fba0.png
[20181122233520891.png]: /images/20220414/42631975044c49a6817de0aa4eefb6b5.png
[http_www.runoob.com_ruby_ruby-installation-unix.html]: http://www.runoob.com/ruby/ruby-installation-unix.html
[20181122234800198.png]: /images/20220414/9ddd207aaaf140589a35c9544348cc1f.png
[20181122234830750.png]: /images/20220414/ca81e4c5514144cc8fce8d30ab4e13af.png
[20181122235153208.png]: /images/20220414/753f91499e7844a0b25c5999a534ee97.png
[2018112223520998.png]: /images/20220414/56a2acb823d94ce2bf4cfc6f851f57eb.png
[20181122235803329.png]: /images/20220414/0b6567902254486e809edb1eb54e8363.png
[20181122235859832.png]: /images/20220414/19041919a0494b2686e5da880f64a384.png
[20181123000329107.png]: /images/20220414/703deb061fae4d13ad6e943e3ce1c675.png
[20181123133910376.png]: /images/20220414/b5f610ea086947909dcdbaeee818be32.png
[20181123141651659.png]: /images/20220414/e4688e139d8849bbb6898ec33554f726.png
[20181123141740732.png]: /images/20220414/2880d89da7c4490cb46d0a1ee952ca5e.png
[https_developers.google.com]: https://developers.google.com
[20181123002805300.png]: /images/20220414/7182fb8b68fc4f069361e5cf046d208d.png
[20181123130959541.png]: /images/20220414/a02576833fb94561a5281c2f9747d281.png
[20181123133134754.png]: /images/20220414/2bc001743fb14abdad2c8b91365e3c26.png
[20181123133245421.png]: /images/20220414/833019f759544696bc11fa3076ed0820.png
[2018112313344522.png]: /images/20220414/313ee4a854ae4285ad386bb95bb3eecb.png
[2018112313355049.png]: /images/20220414/08fa58ed43ec49b6828235c7427e1bc3.png
[20181123133843136.png]: /images/20220414/24bd554325634f01b2f9f156a9fa8ca2.png
[https_jingyan.baidu.com_article_fec4bce2690417f2618d8b07.html]: https://jingyan.baidu.com/article/fec4bce2690417f2618d8b07.html
[2018112314195726.png]: /images/20220414/b5f6efa7c5a94607b715250b3d132759.png
[2018112314201129.png]: /images/20220414/491aa5a6100d4b93bb5c9ef897962e7f.png
[20181123142027722.png]: /images/20220414/1e07c35a2559458d87e7125e2722f7a4.png
[20181125124517956.png]: /images/20220414/cfef32cd9da94b4cadae0cd9b3f4988a.png
[20181125124532415.png]: /images/20220414/7af0cf01d4a24562bee213fe7230eafe.png