• 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

    吹逼交流群

  • 相关阅读:
    ceph 网络配置
    Centos7.2 下DNS+NamedManager高可用部署方案完整记录
    Mysql多实例数据库
    Mysql 基础
    搭建本地YUM仓库
    Go实现线程安全的缓存
    KubeEdge安装详细教程
    Kubeedge实现原理
    Go语言中new()和make()的区别
    Go语言中append()函数的源码实现在哪里?
  • 原文地址:https://www.cnblogs.com/dashucoding/p/11140217.html
Copyright © 2020-2023  润新知