node.js安装教程

一、使用之前,我们先来掌握3个东西是用来干什么的。

npm: Nodejs下的包管理器。

webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备,比如资源的合并和打包。

vue-cli: 用户生成Vue工程模板。(帮你快速开始一个vue的项目,也就是给你一套vue的结构,包含基础的依赖库,只需要 npm install就可以安装)

开始:

https://nodejs.org/en/

如图,下载8.9.3 LTS (推荐给绝大部分用户使用)

下载安装,可以使用默认路径,本例子中自行修改为d:\nodejs

一路点Next,点Finish完成

打开CMD,检查是否正常

再看看另外2个目录,npm的本地仓库跑在系统盘c盘的用户目录了(没见到npm-cache是因为没有用过,一使用缓存目录就生成了),我们试图把这2个目录移动回到D:\nodejs

先如下图建立2个目录

然后运行以下2条命令

npm config set prefix "D:\nodejs\node_global"
npm config set cache "D:\nodejs\node_cache"

输入 npm list -global 可以看到目录已经改变了

此图片的alt属性为空;文件名为1287619-20171212145854347-808420142.png

输入命令npm config set registry=http://registry.npm.taobao.org 配置镜像站

检查一下镜像站行不行命令 npm config get registry

Npm info vue 看看能否获得vue的信息

注意,此时,默认的模块D:\nodejs\node_modules 目录

将会改变为D:\nodejs\node_global\node_modules 目录,

如果直接运行npm install等命令会报错的。

我们需要做1件事情:

1、增加环境变量NODE_PATH 内容是:D:\nodejs\node_global\node_modules

(注意,一下操作需要重新打开CMD让上面的环境变量生效)

一、测试NPM安装vue.js

命令:npm install vue -g

这里的-g是指安装到global全局目录去

二、测试NPM安装vue-router

命令:npm install vue-router -g

运行npm install vue-cli -g安装vue脚手架

编辑环境编辑path

对path环境变量添加D:\nodejs\node_global

win10以下版本的,横向显示PATH的,注意添加到最后时,不要有分号【;】

原文地址 https://www.cnblogs.com/goldlong/p/8027997.html

uni-app制作微信小程序获取openid和用户头像昵称等登录信息

// 获取昵称、头像、性别、城市等个人信息
// 每次通过该接口获取用户个人信息均需用户确认
uni.getUserProfile({
  desc: '获取个人信息用于测试',
  success: function (infoRes) {
	console.log('用户昵称为:' + infoRes.userInfo.nickName);
	console.log('用户昵称为:' + infoRes.userInfo.avatarUrl);
  }
});

// 获取微信code 通过code传入后端获取openid
uni.login({
  provider: 'weixin',
  success: function (loginRes) {
	console.log(loginRes.code);
  }
});

原信息链接https://uniapp.dcloud.io/api/plugins/login?id=login

原信息链接https://developers.weixin.qq.com/community/develop/doc/000cacfa20ce88df04cb468bc52801?highLine=getUserProfile%253Afail

openid和unionid的区别

1、微信openid和unionid长度是不一样的

openid=28,unionid=29

2、openid同一用户同一应用唯一,unionid同一用户不同应用唯一。

这里的不同应用是指在同一微信开发平台下的不同应用

为了识别用户,每个用户针对每个公众号会产生一个安全的openid。

如果需要在多公众号、移动应用之间做用户共通,则需要前往微信开放平台,将这些公众号和应用绑定到一个开放平台账号下,绑定后,一个用户虽然对多个公众号和应用有多个不同的openid,但他对所有这些同一开放平台账号下的公众号和应用,只有一个unionid。一个微信开放平台只可以绑定10个公众号。

3、对于在pc端和客户端

我们在使用微信网页版本的时候,生成微信二维码用户扫描登录,此时获取的openid和微信客户端的openid是不一样的,但是unionId是一样的。这是因为,网页二维码扫描登录是网站应用,客户端是公众号,两者属于不同应用。

4、获取用户的openid是无需用户同意的,获取用户的基本信息则需要用户同意

原文链接https://www.jianshu.com/p/6777eb001d9f

谷歌浏览器(chrome)允许跨域设置的方法

Windows

直接创建chrome浏览器的快捷方式,在属性中找到打开路径,在…chrome.exe后面加上

--args --disable-web-security --user-data-dir="C:/ChromeDevSession"

Mac

在终端中执行命令

open -a 'Google Chrome' --args --disable-web-security --user-data-dir=/tmp/chrome_dev_test

原文链接https://junyiseo.com/qita/792.html

360浏览器允许跨域设置的方法

 --disable-web-security --user-data-dir="D:\Program Files\360\360se6\User Data"

Nginx负载均衡

一、关于Nginx的负载均衡

在服务器集群中,Nginx起到一个代理服务器的角色(即反向代理),为了避免单独一个服务器压力过大,将来自用户的请求转发给不同的服务器。

二、Nginx负载均衡策略

负载均衡用于从“upstream”模块定义的后端服务器列表中选取一台服务器接受用户的请求。一个最基本的upstream模块是这样的,模块内的server是服务器列表:

#动态服务器组
    upstream dynamic_zuoyu {
        server localhost:8080;  #tomcat 7.0
        server localhost:8081;  #tomcat 8.0
        server localhost:8082;  #tomcat 8.5
        server localhost:8083;  #tomcat 9.0
    }

在upstream模块配置完成后,要让指定的访问反向代理到服务器列表:

#其他页面反向代理到tomcat容器
        location ~ .*$ {
            index index.jsp index.html;
            proxy_pass http://dynamic_zuoyu;
        }

一个完整的nginx.conf示例

#user  nobody;
worker_processes  1;

events {
    worker_connections  1024;
}



http {
    include       mime.types;
    default_type  application/octet-stream;

    #动态服务器组(balancing_name这个名字随便起,和下面的对应上就行)
    #weight权重可自行修改

    upstream balancing_name {
        server a.tylove.top weight=1;  #服务器1的地址
        server 10.10.10.185:8080 weight=1;  #服务器2的地址
    }
    server {
        listen       80;
        server_name  localhost;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

       
	
        location / {
            root   html;
            index  index.html index.htm;
            proxy_set_header Host $host; #后端的Web服务器可以通过X-Forwarded-For获取用户真实IP 
            proxy_pass http://balancing_name;
        }
		
        #error_page  404              /404.html;
		
        # redirect server error pages to the static page /50x.html
        #
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }

       
    }

    # HTTPS server
    #
    #server {
    #    listen       443 ssl;
    #    server_name  localhost;

    #    ssl_certificate      cert.pem;
    #    ssl_certificate_key  cert.key;

    #    ssl_session_cache    shared:SSL:1m;
    #    ssl_session_timeout  5m;

    #    ssl_ciphers  HIGH:!aNULL:!MD5;
    #    ssl_prefer_server_ciphers  on;

    #    location / {
    #        root   html;
    #        index  index.html index.htm;
    #    }
    #}
    

}

下面这一句不加会报400 bad request 不知道为什么,在上面的35行

proxy_set_header Host $host; #后端的Web服务器可以通过X-Forwarded-For获取用户真实IP 

这就是最基本的负载均衡实例,但这不足以满足实际需求;目前Nginx服务器的upstream模块支持6种方式的分配:

在这里,只详细说明Nginx自带的负载均衡策略,第三方不多描述。

1、轮询

最基本的配置方法,上面的例子就是轮询的方式,它是upstream模块默认的负载均衡默认策略。每个请求会按时间顺序逐一分配到不同的后端服务器。

注意:

  • 在轮询中,如果服务器down掉了,会自动剔除该服务器。
  • 缺省配置就是轮询策略。
  • 此策略适合服务器配置相当,无状态且短平快的服务使用。

2、weight权重

权重方式,在轮询策略的基础上指定轮询的几率。例子如下:

#动态服务器组
    upstream dynamic_zuoyu {
        server localhost:8080   weight=2;  #tomcat 7.0
        server localhost:8081;  #tomcat 8.0
        server localhost:8082   backup;  #tomcat 8.5
        server localhost:8083   max_fails=3 fail_timeout=20s;  #tomcat 9.0
    }

在该例子中,weight参数用于指定轮询几率,weight的默认值为1,;weight的数值与访问比率成正比,比如Tomcat 7.0被访问的几率为其他服务器的两倍。

注意:

  • 权重越高分配到需要处理的请求越多。
  • 此策略可以与least_conn和ip_hash结合使用。
  • 此策略比较适合服务器的硬件配置差别比较大的情况。

3、ip_hash

指定负载均衡器按照基于客户端IP的分配方式,这个方法确保了相同的客户端的请求一直发送到相同的服务器,以保证session会话。这样每个访客都固定访问一个后端服务器,可以解决session不能跨服务器的问题。

#动态服务器组
    upstream dynamic_zuoyu {
        ip_hash;    #保证每个访客固定访问一个后端服务器
        server localhost:8080   weight=2;  #tomcat 7.0
        server localhost:8081;  #tomcat 8.0
        server localhost:8082;  #tomcat 8.5
        server localhost:8083   max_fails=3 fail_timeout=20s;  #tomcat 9.0
    }

注意:

  • 在nginx版本1.3.1之前,不能在ip_hash中使用权重(weight)。
  • ip_hash不能与backup同时使用。
  • 此策略适合有状态服务,比如session。
  • 当有服务器需要剔除,必须手动down掉。

4、least_conn

把请求转发给连接数较少的后端服务器。轮询算法是把请求平均的转发给各个后端,使它们的负载大致相同;但是,有些请求占用的时间很长,会导致其所在的后端负载较高。这种情况下,least_conn这种方式就可以达到更好的负载均衡效果。

#动态服务器组
    upstream dynamic_zuoyu {
        least_conn;    #把请求转发给连接数较少的后端服务器
        server localhost:8080   weight=2;  #tomcat 7.0
        server localhost:8081;  #tomcat 8.0
        server localhost:8082 backup;  #tomcat 8.5
        server localhost:8083   max_fails=3 fail_timeout=20s;  #tomcat 9.0
    }

注意:

  • 此负载均衡策略适合请求处理时间长短不一造成服务器过载的情况。

5、第三方策略

第三方的负载均衡策略的实现需要安装第三方插件。

①fair

按照服务器端的响应时间来分配请求,响应时间短的优先分配。

#动态服务器组
    upstream dynamic_zuoyu {
        server localhost:8080;  #tomcat 7.0
        server localhost:8081;  #tomcat 8.0
        server localhost:8082;  #tomcat 8.5
        server localhost:8083;  #tomcat 9.0
        fair;    #实现响应时间短的优先分配
    }

②url_hash

按访问url的hash结果来分配请求,使每个url定向到同一个后端服务器,要配合缓存命中来使用。同一个资源多次请求,可能会到达不同的服务器上,导致不必要的多次下载,缓存命中率不高,以及一些资源时间的浪费。而使用url_hash,可以使得同一个url(也就是同一个资源请求)会到达同一台服务器,一旦缓存住了资源,再此收到请求,就可以从缓存中读取。

#动态服务器组
    upstream dynamic_zuoyu {
        hash $request_uri;    #实现每个url定向到同一个后端服务器
        server localhost:8080;  #tomcat 7.0
        server localhost:8081;  #tomcat 8.0
        server localhost:8082;  #tomcat 8.5
        server localhost:8083;  #tomcat 9.0
    }

原文链接 https://www.cnblogs.com/1214804270hacker/p/9325150.html

LINUX安装nginx

1.安装依赖包

//一键安装上面四个依赖
yum -y install gcc zlib zlib-devel pcre-devel openssl openssl-devel

2.下载并解压安装包

这里是1.20.0版本 可以去nginx官网查看最新版本号 http://nginx.org/download/

//创建一个文件夹
cd /usr/local
mkdir nginx
cd nginx
//下载tar包
wget http://nginx.org/download/nginx-1.20.0.tar.gz
tar -xvf nginx-1.20.0.tar.gz

这里如果wget报错可能是没有安装,yum方式安装.

yum -y install wget

3.安装nginx

//进入nginx目录
cd /usr/local/nginx
//进入目录
cd nginx-1.20.0
//执行命令
./configure
//执行make命令
make
//执行make install命令
make install

4.可以根据需求配置nginx.conf

# 打开配置文件
vi /usr/local/nginx/conf/nginx.conf

5.启动nginx

/usr/local/nginx/sbin/nginx -s reload

如果出现报错:nginx: [error] open() "/usr/local/nginx/logs/nginx.pid" failed

则运行下面代码继续启动即可.

/usr/local/nginx/sbin/nginx -c /usr/local/nginx/conf/nginx.conf

6.若想使用外部主机连接上,需要关闭防火墙:

//centOS7关闭防火墙
systemctl stop firewalld.service
//禁止firewall开机启动
systemctl disable firewalld.service 

7.访问服务器ip查看,出现welcome to nginx 即安装成功.

8.如果需要设置开机启动nginx

进入到/lib/systemd/system/目录

cd /lib/systemd/system/

创建nginx.service文件,并编辑

vi nginx.service

内如如下:

[Unit]
Description=nginx service
After=network.target 
   
[Service] 
Type=forking 
ExecStart=/usr/local/nginx/sbin/nginx
ExecReload=/usr/local/nginx/sbin/nginx -s reload
ExecStop=/usr/local/nginx/sbin/nginx -s quit
PrivateTmp=true 
   
[Install] 
WantedBy=multi-user.target

加入开机自启动

systemctl enable nginx

一些快捷操作

# systemctl start nginx.service          启动nginx服务
# systemctl stop nginx.service           停止服务
# systemctl restart nginx.service        重新启动服务
# systemctl list-units --type=service     查看所有已启动的服务
# systemctl status nginx.service          查看服务当前状态
# systemctl enable nginx.service          设置开机自启动
# systemctl disable nginx.service         停止开机自启动

nginx 安装参考自https://blog.csdn.net/t8116189520/article/details/81909574

nginx设置开机启动参考自https://www.cnblogs.com/jepson6669/p/9131217.html

uni-app数据缓存

同步

读取: const value = uni.getStorageSync('storage_key');
写入: uni.setStorageSync('storage_key', 'hello');

异步

读取:
uni.getStorage({
    key: 'storage_key',
    success: function (res) {
        console.log(res.data);
    }
});
写入:
  uni.setStorage({
    key: 'storage_key',
    data: 'hello',
    success: function () {
        console.log('success');
    }
});