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.4cd 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.wpyfriend-invite-page.wpy沒有這個頁面my-group-page.wpypay-success-group-page.wpymine-page.wpygroup-detail-page.wpyattr-box.wpyattr-boxs.wpyshare.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