购买阿里云ECS主机
购买域名
申请备案
环境配置
安装wordpress
域名解析
在“产品与服务”中选择云服务器ECS
image.png
购买完域名之后建议去实名认证
域名购买链接：http://wanwang.aliyun.com/
买了阿里云的服务器，想要通过域名访问，那域名是必须要备案的
备案审核需要二十天左右
image.png
个人网站备案，是要办理拍照的；如果是企业网站备案，不需要拍照，但要提供营业执照和税务登记等材料。
点击云市场，找到“Linux一键安装web环境”的安装包
image.png
image.png
image.png
image.png
image.png
安装准备xshell和xftp：
下载链接：https://www.netsarang.com/download/main.html
Xshell的配置
image.png
image.png
image.png
输入阿里云服务器的用户名和密码
image.png
image.png
设置字符集编码
b512e603-19a8-4cfe-ab18-ff844e35df31
638e7beb-eac1-46b2-a399-aa05a6378ac5
拷贝文件：
打开Xshell连接到主机成功后，按照下图所示进行文件的拖拽
image.png
image.png
image.png
紧接着输入如下命令：
chmod -R 777 sh-1.4.4
cd sh-1.4.4/
./install.sh
image.png
image.png
image.png
安装完成之后的检查
查看正在运行状态的服务及端口：
netstat -tunpl
io.js是“尝鲜版”，而Node.js是线上稳定版
从Node.js官网下载对应平台的安装程序
Node.js的包管理工具（package manager）
'use strict';
console.log('Hello, world.');
image.png
使用严格模式
node --use_strict calc.js
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
9000 端口：php进程服务（这里我们选择安装的是apache，所以没有这个9000端口，这是因为nginx+php集成方式与 apache+php集成方式不同）
3306端口：mysql服务
80端口：httpd或者nginx服务
21端口：ftp服务
邀请好友
group-product-page.wpy
friend-invite-page.wpy没有这个页面
my-group-page.wpy
pay-success-group-page.wpy
mine-page.wpy
group-detail-page.wpy
attr-box.wpy
attr-boxs.wpy
share.wpy
MVVM架构模式
//index.js
//获取应用实例
var app = getApp()
//通过Page构造函数创建页面逻辑
Page({
//可用于页面模板绑定的数据
data: {
motto: 'Hello World',
userInfo: {}
},
//事件处理函数
bindViewTap: function() {
console.log('button clicked')
},
//页面的生命周期函数
onLoad: function () {
console.log('onLoad')
}
})
基于WePY的代码：
//index.wpy中的<script>部分
import wepy from 'wepy';
//通过继承自wepy.page的类创建页面逻辑
export default class Index extends wepy.page {
//可用于页面模板绑定的数据
data = {
motto: 'Hello World',
userInfo: {}
};
//事件处理函数(集中保存在methods对象中)
methods = {
bindViewTap () {
console.log('button clicked');
}
};
//页面的生命周期函数
onLoad() {
console.log('onLoad');
};
}
// index.wpy
<template>
<view>
<panel>
<h1 slot="title"></h1>
</panel>
<counter1 :num="myNum"></counter1>
<counter2 :num.sync="syncNum"></counter2>
<list :item="items"></list>
</view>
</template>
<script>
import wepy from 'wepy';
//引入List、Panel和Counter组件
import List from '../components/list';
import Panel from '../components/panel';
import Counter from '../components/counter';
export default class Index extends wepy.page {
//页面配置
config = {
"navigationBarTitleText": "test"
};
//声明页面中将要使用到的组件
components = {
panel: Panel,
counter1: Counter,
counter2: Counter,
list: List
};
//可用于页面模板中绑定的数据
data = {
myNum: 50,
syncNum: 100,
items: [1, 2, 3, 4]
}
}
</script>
project
└── src
├── pages
| ├── index.wpy index 页面逻辑、配置、结构、样式
| └── log.wpy log 页面逻辑、配置、结构、样式
└──app.wpy 小程序逻辑、公共配置、公共样式
promise、async/await
默认使用babel编译，支持ES6/7的一些新特性
image.png
在命令行输入如下命令：
设置ftp和mysql的密码：
cat account.log
image.png
修改ftp的密码
passwd www
image.png
修改mysql的密码：
mysqladmin -uroot -p旧密码 password 新密码
安装软件的版本信息：
image.png
安装phpMyAdmin
去官网下载，下载链接：https://www.phpmyadmin.net/downloads/
不要下载带有“betal”字样的版本，那是测试版
打开xshell->点击上方的文件夹
进入alidata/www/phpwind目录下
image.png
打开浏览器输入“公网ip/phpMyAdmin”
排序规则选：
utf8_general_ci
安装wordpress：
下载链接：https://cn.wordpress.org/
42e1dd3d-eaf7-4719-91c4-d382470420ae
将wordpress文件夹内部的全部内容传输到服务器端的alidata/www/phpwind目录下
解压完了之后
image.png
使用浏览器访问阿里云的公网ip
image.png
image.png
image.png
域名解析：
image.png
image.png
image.png
image.png
请点赞！因为你的鼓励是我写作的最大动力！
官方微信公众号
吹逼交流群：711613774
吹逼交流群
网友评论