dashucoding记录2019.6.7

购买阿里云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中的

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

吹逼交流群

posted @ 2019-06-07 23:02  达达前端  阅读(142)  评论(0编辑  收藏  举报