服务器的搭建与配置,服务器搭建配置

by admin on 2019年12月4日

废话不多说,上图:

服务器的搭建与配置,服务器搭建配置

1、用管理员来启动本地的Apache服务器
sudo apachectl -k start

2、重新启动
sudo apachectl -k restart

3、查找Apache的默认文档目录
cd /etc/apache2/

sudo vim httpd.conf

/DocumentRoot –>(这里需要更改两处DocumentRoot)

备注:在Mac系统中,很多系统服务的配置都是通过修改、重启来实现的。

4、在Finder中新建网站文件夹Sites,并修改为读写权限。(在显示简介里)

5、在vim中修改两处DocumentRoot的内容

6:命令模式
1> shift+v 可以选中一行
2> y 复制一行
3> p 在当前行下方粘贴复制的内容
4> d$ 删除到行尾
5> x 删除一个字符
6> :wq 保存退出
7> :q! 不保存退出
8> i 进入编辑模式

编辑模式:用于编辑按esc可以切换会命令模式

7、php支持
cd /etc/apache2

sudo vim httpd.conf

/php

删除#并保存

cd /etc/

sudo cp php.ini.default php.ini

重新启动Apache服务器

8、设置mysql命令的别名
vim ~/.bash_profile

i

粘贴一下内容
# mysql
alias mysql=’/usr/local/mysql/bin/mysql’
alias mysqladmin=’/usr/local/mysql/bin/mysqladmin’
# ls
alias ls=’ls -G’

:wq

重新启动终端程序

9、设置mysql的管理员密码
mysqladmin -u root password “123456”

10、更改mysql的管理员密码
mysqladmin -u root -p password “123456”

10、安装mysql管理工具-navicat premium

1、用管理员来启动本地的Apache服务器 sudo apachectl -k start 2、重新启动
sudo apachectl -k restart 3、查找A…

准备工作

前言

利用前端框架能快速搭建出所需要的页面。这样就不用费心思去设计了,节省了开发时间和成本。
常用的前端框架有BootStrap(国外,在国内应用比较广泛),AmazeUI(国产),WeUi(微信开发专用框架)。大家可适当选择自己喜欢的框架。
这里我们使用的是WeUI。演示一下调用WeUI中的ActionSheet组件
注:这里你有可能会尝试成功,但是好多原理你不一定会。建议先去laravel学院学点基础教程,和去慕课学点前端基础。

首先登录
下载安装phpstudy,特别简单不详解;

  1. 购买一个阿里云的ecs服务器
  2. 购买域名并进行验证(可以迟一点提供)
使用Git下载框架
  1. 在Git Cmd中输入 cd Desktop
  2. 在Git Cmd中输入 git clone https://github.com/weui/weui
  3. 稍等一会就将weui的源码下载到桌面上了。
  4. 然后将这个文件夹放至laravel的public下

图片 1

Paste_Image.png

创建一个本机项目并且与本机域名进行绑定主要分为两步;

一、在镜像市场选择合适的镜像

二、登录控制台

快速使用前端框架

1>.需要在站点域名管理中将你创建的域名与网站目录进行绑定

  1. 首次登录可控制台使用命令 ssh root@公网服务器ip
    root是最高权限账号,可以配置其他账号
  2. 同一台电脑重置镜像之后需要重置密钥,命令:ssh-keygen -R
    ip,然后再输入上面的那个命令来登录,显示提示框时输入yes,让电脑记住密钥,下回不再提示,最后显示
    Welcome to aliyun Elastic Compute Service! 表示成功
  3. window推荐使用xshell工具
准备工作
  1. 在 public目录下新建css,js ,images,fonts文件夹用以存放相应的文件。
  2. 将weui中的css文件放至你自己创建的css文件夹下
  3. 在js文件夹下存放jQuery v1.11.2文件,网上文件很多,这里大家可自行查找
  4. 在resources\view文件夹下新建component文件夹
  5. 在view文件夹下新建master.blade.php,login.blade.php两个文件
  6. 在component文件夹下新建actionsheet.blade.php文件

2>.修改本地的hosts文件,将你的域名与本机的IP进行绑定

三、安装ftp服务

编写模板文件
  • master.blade.php 源码
    “`<!doctype html>&lt;html lang="en"&gt;<head>&lt;meta charset="UTF-8"&gt; <meta name=”viewport”
    content=”width=device-width, user-scalable=no, initial-scale=1.0,
    maximum-scale=1.0, minimum-scale=1.0″>&lt;meta
    http-equiv="X-UA-Compatible"
    content="ie=edge"&gt;
    <title>@yield(‘title’)</title>&lt;link rel="stylesheet" href="css/weui.css" type="text/css"&gt;
    <link rel=”stylesheet” href=”css/book.css”
    type=”text/css”>&lt;/head&gt;<body>`

</body>
<script src="js/jquery-1.11.2.min.js"></script>
@yield('my-js')
</html>```

- login.blade.php源码

```@extends('master')
@section('title','登录')
@section('content')
    @include('component.actionsheet')
@endsection
@section('my-js')
    <script type="text/javascript">
        // ios
        $(function(){
            var $iosActionsheet = $('#iosActionsheet');
            var $iosMask = $('#iosMask');

            function hideActionSheet() {
                $iosActionsheet.removeClass('weui-actionsheet_toggle');
                $iosMask.fadeOut(200);
            }
            $iosMask.on('click', hideActionSheet);
            $('#iosActionsheetCancel').on('click', hideActionSheet);
            $("#showIOSActionSheet").on("click", function(){
                $iosActionsheet.addClass('weui-actionsheet_toggle');
                $iosMask.fadeIn(200);
            });
        });
    </script>
@endsection```

- actionsheet.blade.php源码
```<div class="page">
    <div class="page__bd page__bd_spacing">`
        <a href="javascript:;" class="weui-btn weui-btn_default" id="showIOSActionSheet">iOS ActionSheet</a>
    </div>
  `  <!--BEGIN actionSheet-->`
`    <div>`
        <div class="weui-mask" id="iosMask" style="display: none"></div>
        <div class="weui-actionsheet" id="iosActionsheet">
            <div class="weui-actionsheet__menu">
                <div class="weui-actionsheet__cell">示例菜单</div>
                <div class="weui-actionsheet__cell">示例菜单</div>
                <div class="weui-actionsheet__cell">示例菜单</div>
                <div class="weui-actionsheet__cell">示例菜单</div>
            </div>
            <div class="weui-actionsheet__action">
                <div class="weui-actionsheet__cell" id="iosActionsheetCancel">取消</div>
            </div>
        </div>
    </div>
  `  <!--END actionSheet-->`
</div>```

- 最后在把app/Http/routes.php的代码改为

`Route::get('/', function () {`
  `  return view('login');`

`});`
- 差不多就是这样了,下面是效果图

![效果图.png](http://upload-images.jianshu.io/upload_images/3246153-3be7ea424159f74e.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

3>.this over  (我将配置时流程截图了,下方流程)

  1. 下载FIleZilla,新建站点,输入主机名(公网ip),端口填22,协议选sftp,输入登录账号密码(选择镜像时设置的)
  2. 添加安全组(阿里云控制台 -> 云ECS服务器 ->
    安全组)规则开发8080端口
  3. 用公网ip访问网站,测试是否成功

1.打开根目录

四、安装nodejs服务

图片 2

  1. 安装nvm(node版本管理) 命令: wget -qO-
    https://raw.githubusercontent.com/creationix/nvm/v0.30.1/install.sh
    | bash
  2. 安装nodejs nvm install 版本号 比如: nvm install 8.7
  3. 配置淘宝镜像npm config set
    registry=http://registry.npm.taobao.org,
    使用npm config list查看是否配置成功
  4. 通过filezilla上传node服务代码(我用的是9999端口)
  5. 开发9999端口和27017端口(mongodb端口,客户端工具robomongo)

2.新建一个文件夹及文件

五、安装pm2 进程保护模块

图片 3

  1. npm i pm2 -g
  2. pm2 start app.js(node服务启动文件名称)
  3. pm2 相关配置文章
    http://www.cnblogs.com/chyingp/p/pm2-documentation.html

3.站点域名管理

踩坑记录
  1. 需要设置默认版本号,不然每次进去都要选择版本才能用,使用命令nvm
    alias default 版本号 来设置

六、nginx配置

  1. 修改/etc/nginx/nginx.conf文件,配置nginx代理转发
  2. 常用命令 systemctl start|stop|restart nginx
  3. 代理端口设置(需要先配置阿里云的安全组,开放权限),比如
    http://xxx.cn:9999
    代理到 http//xxx.cn/api

location /api/ {
        proxy_pass http://127.0.0.1:9999/;
}
location / {
    index index.html index.php;
}

七、绑定域名

进到阿里云域名配置选项,添加解析

图片 4

4.配置站点域名

图片 5

5.打开hosts

图片 6

6.将你的域名与本机的IP进行绑定

图片 7

7.over  你的网站已经配置好了,快来试试吧

图片 8

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图