其他分享
首页 > 其他分享> > Apsara Clouder云计算技能认证:网站建设:简单动态网站搭建

Apsara Clouder云计算技能认证:网站建设:简单动态网站搭建

作者:互联网

Apsara Clouder云计算技能认证:网站建设:简单动态网站搭建

Apsara Clouder云计算技能认证:网站建设:简单动态网站搭建

网站搭建的类型

网站的主要分类

静态网站

概念

是指由HTML代码格式页面组成的网站,所有的内容包含在网页文件中。

主要用到的技术

静态网站的特性

动态网站

概念

除了要设计网页外,还要通过数据库和编程序来进行架构的网站

主要用到的技术

动态网站的特性

动态网站的实现方式

动态网站搭建涉及的内容:

动态网站的常见实现方式

方式一:

Windows + IIS + SQLServer + ASP

image-20210203185123670

方式二

Linux + Apache + MySQL + PHP

image-20210203185231832

方式三

Linux + Nginx + MySQL + PHP

image-20210203185303396

搭建网站运行环境

云上搭建WordPress网站

云上搭建WordPress网站的关键步骤

  1. 创建云服务器ECS :地域、可用区、硬件配置、操作系统等

  2. 安装和配置开发环境: web服务器、数据库等

  3. 部署WordPress网站︰下载安装包、安装和配置WordPress等

示例

通过LAMP的方式在云上快速搭建WordPress网站

image-20210203185908773

步骤一:创建ECS实例

image-20210203190218473

步骤二:安装和配置开发环境

image-20210203190235617

部署WordPress网站

image-20210203190309272

部署与安装WordPress网站程序

安装Apache HTTP服务

1.首先,通过本地软件远程访问Linux系统,也就是登录到LAMP基础环境的ECS 实例。点击左侧导航栏处的实验资源,获取本实验ECS实例的弹性IP用户密码等登录信息。

说明:远程登录到Linux操作系统的具体操作步骤,请参考帮助文档

image-20210203193334487

  1. 登陆到Linux ECS之后,执行如下命令,先修改YUM源,然后下载并安装 Apache HTTP 服务。

    YUM源更新:

    (1) 运行以下命令编辑CentOS-Base.repo文件

    vim /etc/yum.repos.d/CentOS-Base.repo
    

    键盘输入ggdG,删除文件中原有内容,然后按 i 进入编辑模式,输入以下文本

    [base]
    name=CentOS-6.10
    enabled=1
    failovermethod=priority
    baseurl=http://mirrors.cloud.aliyuncs.com/centos-vault/6.10/os/$basearch/
    gpgcheck=1
    gpgkey=http://mirrors.cloud.aliyuncs.com/centos-vault/RPM-GPG-KEY-CentOS-6
    
    [updates]
    name=CentOS-6.10
    enabled=1
    failovermethod=priority
    baseurl=http://mirrors.cloud.aliyuncs.com/centos-vault/6.10/updates/$basearch/
    gpgcheck=1
    gpgkey=http://mirrors.cloud.aliyuncs.com/centos-vault/RPM-GPG-KEY-CentOS-6
    
    [extras]
    name=CentOS-6.10
    enabled=1
    failovermethod=priority
    baseurl=http://mirrors.cloud.aliyuncs.com/centos-vault/6.10/extras/$basearch/
    gpgcheck=1
    gpgkey=http://mirrors.cloud.aliyuncs.com/centos-vault/RPM-GPG-KEY-CentOS-6
    

    编辑完成后,按 Esc 键,并输入:wq保存退出文件。

    (2)运行以下命令编辑epel.repo 文件

    vim /etc/yum.repos.d/epel.repo
    

    键盘输入ggdG,删除文件中原有内容,然后按 i 进入编辑模式,输入以下文本

    [epel]
    name=Extra Packages for Enterprise Linux 6 - $basearch
    enabled=1
    failovermethod=priority
    baseurl=http://mirrors.cloud.aliyuncs.com/epel-archive/6/$basearch
    gpgcheck=0
    gpgkey=http://mirrors.cloud.aliyuncs.com/epel-archive/RPM-GPG-KEY-EPEL-6
    

    编辑完成后,按 Esc 键,并输入:wq保存退出文件

    说明:本实验中所有运行命令,均可点击左侧导航栏处的 附件下载 ,下载附件 云上快速搭建WordPress网站.txt.zip

    [epel]
    name=Extra Packages for Enterprise Linux 6 - $basearch
    enabled=1
    failovermethod=priority
    baseurl=http://mirrors.cloud.aliyuncs.com/epel-archive/6/$basearch
    gpgcheck=0
    gpgkey=http://mirrors.cloud.aliyuncs.com/epel-archive/RPM-GPG-KEY-EPEL-6
    

    编辑完成后,按 Esc 键,并输入:wq保存退出文件

    说明:本实验中所有运行命令,均可点击左侧导航栏处的 附件下载 ,下载附件 云上快速搭建WordPress网站.txt.zip

    yum -y install httpd
    

    当页面显示 Complete! ,表示安装完成。

    image-20210203193907861

  2. 执行如下命令,安装 apache 的扩展文件。

    yum -y install httpd-manual mod_ssl mod_perl mod_auth_mysql
    

    image-20210203193949321

    当页面显示 Complete! ,表示安装完成。

  3. 执行如下命令,启动 apache http 服务。

    service httpd start
    

    image-20210203194100459

  4. 执行如下命令,设置开机自动启动 apache http 服务。

    chkconfig httpd on 
    

    image-20210203194147614

  5. 打开本地浏览器,并访问 实验资源 提供的 ECS实例的 弹性IP ,可以查看到 Apache 的测试页面。证明 Apache HTTP 服务部署启动成功。

    image-20210203194232675

下载和安装MySQL数据库

  1. 执行如下命令,下载并安徽在哪个MySQL数据库:

    yum -y install mysql mysql-server
    

    当页面显示 Complete! ,表示安装完成。

    image-20210203194430766

  2. 执行如下命令,启动 MySQL 数据库。当页面显示 Starting mysqld [OK] ,表示MySQL已启动。

    service mysqld start
    

    image-20210203194513035

  3. 执行如下命令,修改 MySQL 数据库 root 用户的密码,并提高 MySQL 数据库的安全性。

    mysql_secure_installation
    

    默认密码为空,所以提示 Enter current password for root (enter for none) 时,输入 回车(enter) 就可以。

    image-20210203194608810

    提示 Set root password? [Y/n] ,输入 y 。输入新的密码,例如: 123123

    注意

    1.输入的密码不会显示出来。为了便于演示,我们设置的密码很简单,在真实的生产环境中一定要设置复杂度高的密码,以免被暴力破解。

    2.设置 MySQL 根密码仅是保护数据库的最基本措施。在构建或安装数据库驱动的应用程序时,用户通常可以为该应用程序创建数据库服务用户,并避免使用根账户执行除数据库管理以外的操作。

    image-20210203194719912

    输入 y ,删除匿名用户账户。

    image-20210203194740107

    输入 y ,禁止远程root登录。

    image-20210203194757259

    输入 y ,删除测试数据库。

    image-20210203194816318

    输入 y ,重新加载权限表并保存您的更改。

    image-20210203194838270

  4. 输入如下命令,进入 MySQL 数据库;然后,查看root账号下的数据库信息。

    注意show databases; 中的 ;分号不能忘记

    mysql -uroot -p123123
    show databases;
    

    image-20210203194958944

  5. 输入以下命令,创建数据库 wordpress ;然后,再次验证数据库信息,可以看到刚才创建新增的数据库 wordpress 。说明 MySQL中成功创建一个新的数据库wordpress。

    create database wordpress;
    show databases;
    

    image-20210203195134678

  6. 输入 exit ,点击回车退出数据库。

    image-20210203195214751

  7. 最后,输入如下命令,设置开机自动启动MySQL服务。

    chkconfig mysqld on
    

    image-20210203195257051

安装PHP语言环境

1.执行如下命令,安装 php 以及 php 支持 MySQL 的 php-mysql 软件包。

yum -y install php php-mysql

出现 Complete! 说明安装成功。

image-20210203195437955

  1. 执行如下命令,安装 php 常用扩展包。

    yum -y install gd php-gd gd-devel php-xml php-common php-mbstring php-ldap php-pear php-xmlrpc php-imap
    

    image-20210203195550908

  2. 执行如下命令,重启 Apache 服务。

    service httpd restart
    

    image-20210203195630770

    注意:必须重启,此步很重要。

  3. 最后,执行如下命令,创建一个 php 页面,测试 PHP 环境。

    echo "<?php phpinfo(); ?>" > /var/www/html/phpinfo.php
    

    image-20210203195717371

  4. 返回浏览器,并在新建页面中,访问 http://xxx.xxx.xx.x/phpinfo.php ,其中 xxx.xxx.xx.x 表示 实验资源 中的 ECS实例 弹性IP ,可以查看到如下 PHP 信息页面:

    image-20210203195742549

安装部署WordPress

  1. 在已搭建好的 LAMP 环境中,安装部署 WordPress

  2. 实验提供的实例中已经下载 WordPress 安装包 ,执行如下命令,解压安装包;然后查看当前有哪些文件或文件夹。

    说明:如需下载中文版WordPress安装包,请点击链接 https://cn.wordpress.org/,这个是WordPress中文官网,可以找到最新的版本并下载安装;

    tar -xzf wordpress-4.7.4-zh_CN.tar.gz
    ls
    

    image-20210203195953639

  3. 创建和修改 WordPress 配置文件

    1)备份 WordPress 配置文件,并将原有的示例配置文件样本保留。

    cd wordpress
    cp wp-config-sample.php wp-config.php
    

    image-20210203200035693

    2)进入 wp-config.php 的编辑页面:

    vim wp-config.php
    

    3) 按键盘 i ,进入编辑状态,修改配置文件的数据库信息:

    修改 DB_NAME 的参数值 database_name_here 为之前创建的数据库 wordpress

    define('DB_NAME', 'wordpress');
    

    修改 DB_USER 的参数值 username_hereroot :

    define('DB_USER', 'root');
    

    修改 DB_PASSWORD 的参数值 password_here123123 :

    define('DB_PASSWORD', '123123');
    

    image-20210203200220561

    4)修改完毕后,点击 esc ,退出编辑状态,然后输入 :wq ,保存修改信息并退出配置文件。

  4. 输入以下命令,移动 wordpress 到 Apache 服务根目录。

    1)在 Apache 的根目录 /var/www/html 下,创建一个 wp-blog 文件夹。

    mkdir /var/www/html/wp-blog
    

    2)然后,将 wordpress 迁移到这个新建文件夹中。

    mv * /var/www/html/wp-blog/
    
  5. 完成如上配置后,返回浏览器,并访问 http://xxx.xxx.xx.x/wp-blog/wp-admin/install.php ,其中 xxx.xxx.xx.x 为 ECS 实例的 弹性IP ,填写如下信息,完成后,点击页面底部的 安装WordPress ,开始安装 WordPress 。

    • 站点标题: 输入站点名称,例如: HelloWorld

    • 用户名: 输入管理员的用户名,例如: admin

    • 密码:输入管理员的访问密码,例如: admin123

    • 确认密码:由于密码设置过于简单,提示 非常弱 , 勾选 **确认使用弱密码 ;**在真实的使用中,请使用复杂的管理密码

    • 你的电子邮件:email地址,建议为真实有效的地址。若没有,可以填写虚拟 email 地址,但将无法接收信息,例如: admin@admin.com

    image-20210203200334043

    提示安装成功,点击 登录

    image-20210203200351765

  6. 输入上一步配置的 用户名 ,如:admin密码 ,如:admin123 ,然后点击 登录

    image-20210203200426332

    就可以进入安装好的 WordPress 网站的管理页面,后续所有 WordPress 网站的管理和优化都是在此页面中进行操作的。下图红框中 HelloWorld 表示我们设置的 站点标题

    image-20210203200442976

  7. 至此,完成 Wordpress 的基础安装和部署,在地址栏中,访问 http://xxx.xxx.xx.x/wp-blog/ ,就可以进入如下页面。xxx.xxx.xx.x 表示 实验资源 提供的 ECS实例的 弹性IP

    image-20210203200505144

云上WordPress网站的管理

WordPress网站的主题管理

WordPress网站的插件管理

云上WordPress网站的优化

WordPress网站的优化

通过增加以下功能来优化WordPress网站

WordPress网站的优化-微博功能

通过微博的博客挂件工具将微博的相关元素添加到WordPress网站

image-20210203192123516

WordPress网站的优化-CNZZ统计

通过友盟的CNZZ数据专家服务 将站长统计功能添加到WordPress网站

image-20210203192242522

  1. 借助 CNZZ 平台观察 WordPress 网站一天有多少 IP 访问,那些 IP 都是从哪个页面进入到自己网站的等内容。

  2. 点击链接 https://web.umeng.com/main.php?c=user&a=login 进行注册、登录。

    注意:您也可以直接百度 CNZZ 搜索,然后注册、登录。如果您已经有该平台的账号,请直接登录。

    image-20210203200703534

  3. 登录 CNZZ 数据统计专家网站后,填写以下信息,完成后点击 确认添加站点

    网站名称:自定义

    网站域名实验资源 提供的 弹性IP

    网站首页http://xxx.xxx.xx/wp-blog/wp-admin/ (xxx.xxx.xx 表示 实验资源 提供的 弹性IP)

    网站类型网站地区:根据实际情况可自行选择

    网站简介:自定义

    image-20210203200723813

  4. 复制红框内任意一种形式的代码。

    image-20210203200742537

    点击左侧导航栏处的 查看密码 ,勾选 开启查看密码服务 ,然后输入 查看密码 。完成后点击 确定

    注意:此处 查看密码 不是指 CNZZ 平台的 登录密码 ,需要用户再次设置。您也可以勾选 无需密码 ,不设置查看密码。

    image-20210203200759987

  5. 切换回 WordPress 网站的主页面,点击 外观 ,并选择子菜单下的 小工具

    image-20210203200819595

    在右侧展开的 小工具 选项中,点击 文本 ,然后点击 页脚1(或 页脚2) ,完成后点击 添加小工具

    image-20210203200851368

  6. 弹框 标题 部分输入 站长统计内容 框中粘贴刚才在 CNZZ 平台复制的代码。完成后点击 保存

    image-20210203200923413

    点击如下图中的红框部分,可将弹框收拢或展开。

    image-20210203200944006

  7. 点击左上角处的站点标题 HelloWorld ,页面下方看到我们添加的页脚标题,点击 站长统计

    image-20210203201004524

  8. 输入 查看密码 后点击 查看数据

    image-20210203201028266

  9. 看到如下统计结果。

    image-20210203201047479

  10. 点击左侧的 访问明细 ,查看当前两次访问的 IP 来源。

    image-20210203201113969

    点击 当前在线 ,查看访问流量分析

    image-20210203201129472

  11. 执行以下步骤,取消通过 CNZZ 对 WordPress 网站的访问量等数据的统计操作。

    1)点击 站点设置 ,下拉菜单中点击 统计设置

    2)左侧导航栏处选择 关闭统计

    3)点击 删除站点 ,并在弹框中输入 登录密码

    image-20210203201208462

    至此,WordPress 网站使用 CNZZ 平台统计 IP 访问的数据介绍完毕。

WordPress网站的优化-视频嵌入

通过插件Smartideo将第三方的视频资源快速嵌入到WordPress网站

image-20210203192418816


云上快速搭建WordPress网站(实验)

实验概述

本实验开始后,平台提供一台基础环境的CentOS 6.564位的ECS (云服务器)实例。我们将会在这台服务器上搭建和部署LAMP环境,然后安装WordPress网站,最后向大家展示如何在WordPress网站使用微博挂件和网站统计平台CNZZ。

image-20210203192826981

实验目标

完成此实验后,可以掌握的能力有:

  1. Apache服务器的安装和部署
  2. MySQL数据库的安装
  3. PHP语言环境的安装和部署
  4. 安装WordPress网站
  5. 在WordPress网站使用网站分析平台CNZZ

学前建议

  1. 了解Linux基本命令
  2. 了解基本的网站搭建知识

置** ;

2)左侧导航栏处选择 **关闭统计** ;

3)点击 **删除站点** ,并在弹框中输入 **登录密码** 。

[外链图片转存中...(img-l4vEp1z1-1612442930159)]

至此,WordPress 网站使用 CNZZ 平台统计 IP 访问的数据介绍完毕。

WordPress网站的优化-视频嵌入

通过插件Smartideo将第三方的视频资源快速嵌入到WordPress网站

[外链图片转存中…(img-FdEV57Ar-1612442930159)]


云上快速搭建WordPress网站(实验)

实验概述

本实验开始后,平台提供一台基础环境的CentOS 6.564位的ECS (云服务器)实例。我们将会在这台服务器上搭建和部署LAMP环境,然后安装WordPress网站,最后向大家展示如何在WordPress网站使用微博挂件和网站统计平台CNZZ。

[外链图片转存中…(img-kFTUZ15K-1612442930160)]

实验目标

完成此实验后,可以掌握的能力有:

  1. Apache服务器的安装和部署
  2. MySQL数据库的安装
  3. PHP语言环境的安装和部署
  4. 安装WordPress网站
  5. 在WordPress网站使用网站分析平台CNZZ

学前建议

  1. 了解Linux基本命令
  2. 了解基本的网站搭建知识

标签:网站,Clouder,Apsara,点击,WordPress,php,安装,数据库
来源: https://blog.csdn.net/Godyanqi/article/details/113664262