前端错误日志上报及网站统计(sentry+matomo)

发布于

本文配合 rancher1.6(手头一个测试集群没升级到最新的 2.x)讲解如何搭建并配置日志错误上报框架Sentry及网站统计分析框架matomo 的搭建及接入 vue(本文以iview-admin为例)项目。

背景简述

  • sentry 项目运行过程中，难免出现 bug，前端不像后端可以很方便的采集项目日志(比如 log4j + elk)，导致每次出问题后还原车祸现场费时费力。另外现在随着 vue 等兴起，构建项目时打成 min.js，无疑又加大了前端定位问题的难度。而 sentry 是一款专注于错误采集的框架，支持常见的主流语言image.png采集，聚合，并推送错误信息。注意，sentry 并不是日志平台(e.g. log4j + elk)，也不是监控平台，sentry 专注于项目中的 Error 信息的采集，聚合，报警。
  • matomo 前身 Pwiki，是一款开源的 web 网站分析利器。类似于 Google Analytics。具体的特性，参见 Premium Web Analytics ，比如绘制页面热力图，录制会话，访问漏斗，A/B Test 等(这几样都是收费插件功能)。

注意：本文假设你已经有 rancher1.6 的环境

安装

matomo

rancher 创建 matomo

在 rancher 主机上

## 创建必要文件夹
mkdir -p /data/matomo/{config,logs,php,maxmind}/

## 安装maxmind ip数据库
wget -P /tmp/ https://github.com/maxmind/geoipupdate/releases/download/v4.0.3/geoipupdate_4.0.3_linux_amd64.deb
dpkg -i /tmp/geoipupdate_4.0.3_linux_amd64.deb
mv /etc/GeoIP.conf{,.bak}
cat << EOF | sudo tee -a /etc/GeoIP.conf
AccountID 0
LicenseKey 000000000000
EditionIDs GeoLite2-Country GeoLite2-City GeoLite2-ASN
DatabaseDirectory /data/matomo/maxmind
EOF

## 下载最新maxmind数据库
geoipupdate
ls -lah /data/matomo/maxmind/
总用量 67M
drwxr-xr-x 2 root root 4.0K 7月   7 17:25 .
drwxr-xr-x 6 root root 4.0K 7月   7 17:23 ..
-rw------- 1 root root    0 7月   7 17:25 .geoipupdate.lock
-rw-r--r-- 1 root root 6.3M 7月   7 17:25 GeoLite2-ASN.mmdb
-rw-r--r-- 1 root root  57M 7月   7 17:25 GeoLite2-City.mmdb
-rw-r--r-- 1 root root 3.7M 7月   7 17:25 GeoLite2-Country.mmdb

## 定时更新ip数据库
cat << EOF | sudo tee -a /etc/cron.d/geoipupdate
50 2 * * 4 root /usr/bin/geoipupdate
EOF

## 设置php.ini
cat << EOF | sudo tee -a /data/matomo/php/php.ini
upload_max_filesize = 128M
post_max_size = 128M
max_execution_time = 200
memory_limit = 256M
EOF

docker-compose.yaml

version: "2"
services:
  matomo:
    image: matomo:latest
    stdin_open: true
    volumes:
      - /data/matomo/config:/var/www/html/config
      - /data/matomo/logs:/var/www/html/logs
      - /data/matomo/php/php.ini:/usr/local/etc/php/php.ini
      - /data/matomo/maxmind/GeoLite2-City.mmdb:/var/www/html/misc/GeoLite2-City.mmdb
      - /data/matomo/maxmind/GeoLite2-Country.mmdb:/var/www/html/misc/GeoLite2-Country.mmdb
      - /data/matomo/maxmind/GeoLite2-ASN.mmdb:/var/www/html/misc/GeoLite2-ASN.mmdb
    tty: true
    ports:
      - 80:80/tcp
      - 443:443/tcp

rancher-compose.yaml

version: "2"
services:
  matomo:
    scale: 1
    start_on_create: true
    health_check:
      response_timeout: 2000
      healthy_threshold: 2
      port: 80
      unhealthy_threshold: 3
      initializing_timeout: 60000
      interval: 2000
      strategy: recreate
      reinitializing_timeout: 60000

image.png

配置 matomo

选择中文
image.png
系统检查
image.png
配置数据库
image.png
自动建表完成
image.png
创建管理员用户(忘记截图了)
设置分析网站(可以随便创建，后边再进行修改),注意跟进实际情况修改时区
image.png
复制跟踪代码
image.png
配置 matomo
image.png
登陆
image.png

Sentry

rancher 创建 Sentry

docker-compose.yml

version: "2"
services:
  cron:
    image: sentry:9
    environment:
      SENTRY_MEMCACHED_HOST: memcached
      SENTRY_REDIS_HOST: redis
      SENTRY_POSTGRES_HOST: postgres
      SENTRY_EMAIL_HOST: smtp
      SENTRY_SECRET_KEY: SENTRY_SECRET_KEY_XXX
    stdin_open: true
    volumes:
      - /data/sentry-data:/var/lib/sentry/files
      - /data/sentry-data/config.yml:/etc/sentry/config.yml
    tty: true
    command:
      - run
      - cron
  memcached:
    image: memcached:1.5-alpine
  web:
    image: sentry:9
    environment:
      SENTRY_MEMCACHED_HOST: memcached
      SENTRY_REDIS_HOST: redis
      SENTRY_POSTGRES_HOST: postgres
      SENTRY_EMAIL_HOST: smtp
      SENTRY_SECRET_KEY: SENTRY_SECRET_KEY_XXX
    stdin_open: true
    volumes:
      - /data/sentry-data:/var/lib/sentry/files
      - /data/sentry-data/config.yml:/etc/sentry/config.yml
    tty: true
    ports:
      - 9000:9000/tcp
  worker:
    image: sentry:9
    environment:
      SENTRY_MEMCACHED_HOST: memcached
      SENTRY_REDIS_HOST: redis
      SENTRY_POSTGRES_HOST: postgres
      SENTRY_EMAIL_HOST: smtp
      SENTRY_SECRET_KEY: SENTRY_SECRET_KEY_XXX
    stdin_open: true
    volumes:
      - /data/sentry-data:/var/lib/sentry/files
      - /data/sentry-data/config.yml:/etc/sentry/config.yml
    tty: true
    command:
      - run
      - worker
  redis:
    image: redis:3.2-alpine
  postgres:
    restart: unless-stopped
    image: postgres:9.5
    volumes:
      - /data/postgresql/data:/var/lib/postgresql/data
    ports:
      - 5432:5432/tcp

注意把 SENTRY_SECRET_KEY 换成 sentry 的实际 secret key

rancher-compose.yml

version: "2"
services:
  cron:
    scale: 1
    start_on_create: true
  memcached:
    scale: 1
    start_on_create: true
  web:
    scale: 1
    start_on_create: true
    health_check:
      response_timeout: 2000
      healthy_threshold: 2
      port: 9000
      unhealthy_threshold: 3
      initializing_timeout: 60000
      interval: 2000
      strategy: recreate
      reinitializing_timeout: 60000
  worker:
    scale: 1
    start_on_create: true
  redis:
    scale: 1
    start_on_create: true
  postgres:
    scale: 1
    start_on_create: true
    health_check:
      response_timeout: 2000
      healthy_threshold: 2
      port: 5432
      unhealthy_threshold: 3
      initializing_timeout: 60000
      interval: 2000
      strategy: recreate
      reinitializing_timeout: 60000

先将 docker-compose.yml 保存到服务器上，用来初始化 db 和创建账号

docker-compose run --rm web upgrade
Would you like to create a user account now? [Y/n]: y
Email: anjia0532@gmail.com
Password:
Repeat for confirmation:
Should this user be a superuser? [y/N]: y
## 直到输出
Migrated:
 - sentry
 - sentry.nodestore
 - sentry.search
 - social_auth
 - sentry.tagstore
 - sentry_plugins.hipchat_ac
 - sentry_plugins.jira_ac
Creating missing DSNs
Correcting Group.num_comments counter
## 并退出

配置 Sentry

image.png
image.png
image.png
image.png
image.png
image.png
image.png

配置 vue

本文以 iview-admin 为例

git clone https://gitee.com/anjia/iview-admin.git
cd iview-admin

sentry

注意，网上很多文档，以讹传讹的使用过时的工具，raven-js .从 5.x 后官方建议使用@sentry/browser 和@sentry/integrations

npm install --save @sentry/integrations
npm install --save @sentry/browser

修改 iview-admin\src\main.js

// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from "vue";
import App from "./App";
import router from "./router";
import store from "./store";
import iView from "iview";
import i18n from "@/locale";
import config from "@/config";
import importDirective from "@/directive";
import { directive as clickOutside } from "v-click-outside-x";
import installPlugin from "@/plugin";
import "./index.less";
import "@/assets/icons/iconfont.css";
import TreeTable from "tree-table-vue";
import VOrgTree from "v-org-tree";
import "v-org-tree/dist/v-org-tree.css";
import * as Sentry from "@sentry/browser";
import * as Integrations from "@sentry/integrations";
// 实际打包时应该不引入mock
/* eslint-disable */
if (process.env.NODE_ENV !== "production") require("@/mock");

Vue.use(iView, {
  i18n: (key, value) => i18n.t(key, value),
});
Vue.use(TreeTable);
Vue.use(VOrgTree);
/**
 * @description 注册admin内置插件
 */
installPlugin(Vue);
/**
 * @description 生产环境关掉提示
 */
Vue.config.productionTip = false;
/**
 * @description 全局注册应用配置
 */
Vue.prototype.$config = config;
/**
 * 注册指令
 */
importDirective(Vue);
Vue.directive("clickOutside", clickOutside);

/* eslint-disable no-new */
new Vue({
  el: "#app",
  router,
  i18n,
  store,
  render: (h) => h(App),
});

Sentry.init({
  dsn: "https://xxx@xxx.xxx.com/xxx",
  integrations: [
    new Integrations.Vue({
      Vue,
      attachProps: true,
    }),
  ],
});
npm install
npm run dev

打开 http://localhost:8080/error_store/error_store_page
分别点击两个按钮，模拟出错
image.png
打开 sentry 发现已经有错误上报了，并且对错误进行聚合。
image.png
image.png点开查看详细内容。

如果需要生成 source-map ,可以参考官方文档 https://docs.sentry.io/platforms/javascript/sourcemaps/

matomo

image.png
image.png
image.png

npm install --save vue-matomo

修改 iview-admin\src\main.js

// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from "vue";
import App from "./App";
import router from "./router";
import store from "./store";
import iView from "iview";
import i18n from "@/locale";
import config from "@/config";
import importDirective from "@/directive";
import { directive as clickOutside } from "v-click-outside-x";
import installPlugin from "@/plugin";
import "./index.less";
import "@/assets/icons/iconfont.css";
import TreeTable from "tree-table-vue";
import VOrgTree from "v-org-tree";
import "v-org-tree/dist/v-org-tree.css";
import * as Sentry from "@sentry/browser";
import * as Integrations from "@sentry/integrations";
import VueMatomo from "vue-matomo";

// 实际打包时应该不引入mock
/* eslint-disable */
if (process.env.NODE_ENV !== "production") require("@/mock");

Vue.use(iView, {
  i18n: (key, value) => i18n.t(key, value),
});
Vue.use(TreeTable);
Vue.use(VOrgTree);
/**
 * @description 注册admin内置插件
 */
installPlugin(Vue);
/**
 * @description 生产环境关掉提示
 */
Vue.config.productionTip = false;
/**
 * @description 全局注册应用配置
 */
Vue.prototype.$config = config;
/**
 * 注册指令
 */
importDirective(Vue);
Vue.directive("clickOutside", clickOutside);

/* eslint-disable no-new */
new Vue({
  el: "#app",
  router,
  i18n,
  store,
  render: (h) => h(App),
});

Sentry.init({
  dsn: "https://xxx@xxx.xxx.com/xxx",
  integrations: [
    new Integrations.Vue({
      Vue,
      attachProps: true,
    }),
  ],
});
Vue.use(VueMatomo, {
  // Configure your matomo server and site by providing
  host: "//xxxx.xxxx.com/",
  siteId: xx,

  // Changes the default .js and .php endpoint's filename
  // Default: 'piwik'
  trackerFileName: "matomo.js",

  // Overrides the autogenerated tracker endpoint entirely
  // Default: undefined
  trackerUrl: "//xxxx.xxxx.com/matomo.php",

  // Enables automatically registering pageviews on the router
  router: router,

  // Enables link tracking on regular links. Note that this won't
  // work for routing links (ie. internal Vue router links)
  // Default: true
  enableLinkTracking: true,

  // Require consent before sending tracking information to matomo
  // Default: false
  requireConsent: false,

  // Whether to track the initial page view
  // Default: true
  trackInitialView: true,

  // Whether or not to log debug information
  // Default: false
  debug: false,
});

// or
window._paq.push;

// or through
window.Piwik.getTracker;

打开 http://localhost:8080, 随便访问几个菜单,然后打开 matomo
image.png
image.png
路由已经有数据了
image.png
并且将用户的常规数据聚合起来

更多

其实本文只是 sentry 和 matomo 简单介绍
更深入的使用，比如 sentry，推送邮件，文中一带而过的 sourcemap，单点登录(集成内部的权限认证)，自定义上报内容(将错误与用户 id 关联起来)，,敏感数据脱敏等
比如 matomo, 每日发送分析报表，增加 kafka 插件，进行更深层次的挖掘，自定义上报内容(购物车等),大数据量情况下的优化，优化用户设备指纹，使用了 nginx 等反代软件后，如何正确识别真实 ip，热力图，A/B test,漏斗图等

来源：https://anjia0532.github.io/2019/07/07/sentry-and-matomo-install/

评论

发表评论

此博客中的热门博文

通用系统设计之优惠卷

发布于
前言 本应该继续连载手撸框架系列文章的。但最近有一个需求 -> 优惠卷，之前很多朋友让我出一篇优惠卷相关的文章。这不，本章应了大伙的愿。开始我自己的表演 🔥🔥 额,这里还要插一句，有很多新人感觉在使用框架的过程中根本用不到PHP的很多概念，例如abstract,final 部分人感觉protected,private 都没有太大用处。更别提interface在框架中的使用了，感觉好无用处的举爪～ 策略模式 优惠卷的存在到消亡至少要经历三个步骤（创建->使用->失效），以下为优惠卷完整生命周期图， 优惠卷有几百种几千种的优惠（骗人）方式（姿势），结合PHP代码来解决优惠卷应如何创建更合适，首先先创建一个类作为优惠卷的模版 class UserCouponTem { } 这个模版则是一个树根，未来所有优惠卷都要通过这个根去扩展，接下来创建一系列的优惠卷参数，例如与设计数据表一样,如下所示，通过成员变量的方式，束缚了优惠卷的具体字段。 /** * @var $couponName * @content 优惠券名称 */ public $couponName; /** * @var $alidityv * @content 有效期 */ public $alidityv; /** * @var $userId * @content 绑定的用户编码 */ public $userId; /** * @var $price * @content 抵扣金额 */ public $price; /** * @var $type * @content 类型 0 通用红包 1 查看扩展字段 */ public $type; /** * @var $extend * @content 扩展字段 */ public $extend; /** * @var $numbers * @content 卷号 */ public $number; /** * @var $content * @content 卷内容 */ public $content; 优惠卷的模版创建完成后，接下来需要创建两个方法，第一个为服务...
阅读全文

发育迟缓的宝宝如何进行ALP干预

发布于
不是谱系，就不用干预吗？发育迟缓，就能自然而然赶上吗？ 我觉得，不一定。有一些可以，有一些不行。 【述评】如何解读儿童语言与社交沟通障碍 ? mp.weixin.qq.com/s/KMaCaWseBxKT3ija8Y_vOg 比如，静教授的这篇文章，就提到了SCD社交沟通障碍，就是非ASD的社会性发展困难。这一定需要借助外界的力量去帮助他的。 时间轴:2019.12~2020.08 正当我的孩子慢慢愿意在小区里玩的时候，发生了一些意外状况。 2019年底，疫情来了。 疫情消息确定前，我们还去当地新开的游乐场，玩了一次超级大的摩天轮。记得当时现场游玩的人中，我们是唯一戴了口罩的，显得特别扎眼。现在回想起来，也是够后怕的。 疫情造成的恐慌，整个小区，都空了。小朋友没了，大人没了，安静地让人害怕。大家也不敢串门了，全躲在家里了。 社交的环境，一下子没有了。 那段时间特别焦虑。 疫情是困难，也是机遇，我们遇到了他的第一个朋友。 因为，大家都不敢出门了，我每天还是坚持带他到楼下小区逛一逛，锻炼下身体。 这时，我们碰到了一个比他大一点点的哥哥，在楼下学跳绳。只有他一个人，还有陪伴他的姐姐。我就发明了一个划船然后鲨鱼来咬的游戏，小哥哥被吸引，也加入了进来。 后来每天，我都会去楼下等他，他也每天准时来。然后，我就加了他那个姐姐的微信，方便约时间。在楼下的滑滑梯那里，我们玩了比如老狼老狼几点钟、捉迷藏、做饭、打仗、小车车比赛等游戏。虽然自己的孩子还不是很会玩，但我努力去让他和小朋友有所互动，也勉强可以玩起来一些。 就是这样的，想交朋友，必须用大人去吸引孩子，用大人来辅助他的社交。至少一开始是这样的。 累吗？累，累的不得了，非常非常辛苦。 进步大吗？进步也是很大的。 除此之外，我们在疫情最严重的时候，依然坚持每天带他去公园散步、骑滑板车，每天去爬山，带他看风景。 后来，疫情平息一些，妈妈第一次复课，被隔离在学校十四天。这是我第一次一个人在家带他，没有老人，没有保姆，没有妈妈。早上我教他骑没有辅助轮的自行车，下午带他找小朋友玩，晚上在家里玩游戏。 他也成功学会了没有辅助轮的自行车，每天就戴着头盔，去学校探望被隔离的妈妈。 想想真是艰难又心酸的日子啊！ 疫情停课的五个月，他进步很大。可是我觉得，他和普通的小朋友，还是差距很大，很不一样。没有了我的辅助，他和小朋友，一点也玩不起来。 为什么，...
阅读全文

在Windows系统中，使用Hyper-V虚拟Android环境的方法（RemixOS）

发布于
          最近一直想用Hyper-V虚拟一个Android环境，来做一些事情。可苦于翻遍了BAIDU和GOOGLE，也没有找到很成熟的方法。无意中在国外的某链接中找到了模拟RemixOS的一个贴子，发布日期已经很老了，内容也不是很完善，就自己整理研究了一下，总结出来一篇完整的Hyper-V虚拟化经验，分享出来给大家。 1、最新版RemixOS是基于Android5.X的，官方的下载地址： https://bbs.jide.com/forum.php?m ... &extra=page%3D1 2、在Hyper-V中建立虚拟磁盘，格式使用VHD格式，空间最少需要5G大小，发贴时还没研究出如何扩大容量，所以暂时再大也没有意义。     3、创建好虚拟磁盘后，到计算机管理-磁盘管理中，选择：附加VHD--浏览（刚才创建的VHD虚拟磁盘），然后：确定。   4、对刚才所附加好的磁盘点击右键：选择初始化磁盘--分区形式：MBR--新建简单卷--然后格式化为FATA32格式，格式化完成后：分离VHD磁盘。       5、到Hyper-V中新建虚拟机，选择第一代，内存分配2048（自己看着办吧），去掉使用动态内存，然后再把刚才创建好的VHD虚拟硬盘添加进去。     6、对刚才新建好的虚拟机点击：右键--设置。先确定启动顺序：从CD启动。然后在DVD驱动器中，选择你在官网下载的RemixOS系统中的ios文件，然后确定就可以了。至于分配几个处理器核心/连接外网的虚拟网卡/是否启用检查点/自动启停的操作等等，按你自己的喜好就可以。     7、连接刚才建立好的虚拟机，点击启动。在出现以下启动画面后，快速点击你键盘的TAB键，进入命令行模式。将出现的字符串修改为/kernel initrd=initrd.img root=/dev/ram0 androidboot.hardware=remix_x86_64 androidboot.selinux=permissive quiet INSTALL=1 nomodeset vga=？，这段代码主要需要修改的地方，是下面第二张图中标红的部分。注意！可别把vga=?...
阅读全文

Matomo API 官方接口详情

发布于
API接口 你可以通过调用Matomo的分析接口将数据集成到其他应用中去。这些数据包括访问数，页面网址、网页标题、用户设置、搜索引擎、关键词、推荐网站、用户浏览器 其中的请求参数和返回值需要对照官方手册来 未定义 ## API `未定义` ## Annotations `未定义` ## Contents `未定义` ## CoreAdminHome `未定义` ## CustomDimensions `未定义` ## CustomJsTracker `未定义` ## CustomVariables `未定义` ## DBStats `未定义` ## Dashboard `未定义` ## Events `未定义` ## Feedback `未定义` ## Goals `未定义` ## ImageGraph `未定义` ## LanguagesManager `未定义` ## Login `未定义` ## Marketplace `未定义` ## MobileMessaging `未定义` ## PagePerformance `未定义` ## Provider `未定义` ## SEO `未定义` ## SitesManager `未定义` ## TagManager `未定义` 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 Actions 动作（行为） Actions.get 访客分析-概述-访客概览(右边一列) Actions.getPageUrls 行为-页面 Actions.getPageUrlsFollowingSiteSearch Actions.getPageTitlesFollowingSiteSearch Actions.getEntryPageUrls 行为-进入页面 Actions.getExitPageUrls 行为-退出页面 Actions.getPageUrl 行为-通过页面的PageUrl查看详情(获取单条记录) Actions.getPageTitles 行为-页面标题 Actions.getEntryPageTitles 行为-页面标题-进入页面标题 Actions.getExitPageTitles 行为-页...
阅读全文

关于Restful API文档和接口测试，以及easy-mock

发布于
前后端分离 提高前后端的开发效率是非常必要的，那么如何利用好RESTful标准来做好前后端分离呢？ 规定API标准 RESTful API 当然你也可以制定自己的API的标准，使用开发人员的编程习惯来决定会比较人性化。这里我选择用 RESTful API 来举例。 REST全称是 Resource Representational State Transfer 翻译为表现层状态转移 用一句话表示其含义为 用URL定位资源，用HTTP动词（GET,POST,DELETE,PUT,PATCH）描述操作 API 全称是 Application Programming Interface 翻译为应用程序编程接口 关于 RESTful api 的设计可以参考阮大的博客 RESTful API 设计指南 API 编写工具 Swagger 是一套开源的API管理工具 其中 Swagger edit 是Swagger推荐的工具，你可以选择在线编辑，或者在本地部署一套自己的 github Swagger edit 然而我推荐使用 vscode 编辑器的两个插件 OpenAPI (Swagger) Editor 和 Swagger Viewer 来编写。 这两个编写工具相比较，vscode有更舒适的字体，字号和配色，但是debug能力稍弱于swagger-editor，所以debug难时也可以配合使用。 目前swagger常用的版本有 swagger: ‘2.0’ 与 openapi: 3.0.1，两个版本中openapi更为强大，但我最后还是选择了swagger: ‘2.0’， 原因在最后面。 API 查看工具 本地部署一套 Swagger UI 吧，还是比较好用的，记得每当更新接口后，查看浏览器要强制刷新。 接口测试工具 要做到前后端松耦合，并行开发，利用接口测试工具是至关重要的。 Postman 后端的接口测试工具 mock 前端的测试工具，这里我推荐 easy-mock 国人主导的开源项目，表示支持，也确实很好用。 关于easy-mock 这个工具也推荐本地部署，它支持swagger yaml和json格式的api 文档加载，自动生成后端接口和模拟返回数据，真正解决前后端并行开发难的问题。 之前说，我选择swagger: ‘...
阅读全文

如何为 Windows 10 UWP 应用设置代理

发布于
UWP 是微软在 Windows 10 中引入的新概念，由于所有 UWP 应用均运行在被称为 App Container 的虚拟沙箱环境中，其安全性及纯净度远胜于传统的 EXE 应用。但 App Container 机制同时也阻止了网络流量发送到本机（即 loopback）， 使大部分网络抓包调试工具无法对 UWP 应用进行流量分析。同样的，该机制也阻止了 UWP 应用访问 localhost，即使你在系统设置中启用了代理，也无法令 UWP 应用访问本地代理服务器，十分恼人。 其实 Windows 10 自带了一款名为 CheckNetIsolation.exe 的命令行工具可以帮助我们将 UWP 及 Windows 8 Metro 应用添加到排除列表，具体步骤如下： 1.通过注册表获取应用的 SID 首先通过 Win + R 快捷键打开「运行」窗口，输入「Regedit」打开注册表编辑器，然后定位到 HKEY_CURRENT_USER\Software\Classes\Local Settings\Software\Microsoft\Windows\CurrentVersion\AppContainer\Mappings ，接着在左边的注册表项中找到你想解除网络隔离的应用，右边的 DisplayName 就是应用名称，而左边那一大串字符就是应用的 SID 值了。 2.打开 CMD 面板 在终端中输入 CheckNetIsolation.exe loopbackexempt -a -p=SID，出现「完成」后就大功告成了。 这时再打开 UWP 应用窗口，你应该就能愉快的上网了。 如果你觉得这种方法太麻烦，可以在 这里 下载免费网络调试工具 Fiddler，然后从顶部菜单中选择「WinConfig」，在接下来打开的窗口中勾选你想排除网络隔离的应用就可以了。 来源： http://www.sohu.com/a/197129320_115785
阅读全文

将阿里云盘挂载为Webdav并使用rclone挂载到本地

发布于
准备工作 获取refreshToken 1. https://media.cooluc.com/decode_token/ 在此网页进行获取,但是我在搭建的时候报错,如果报错可以使用第二种方法 2. https://www.aliyundrive.com/sign/   登录网页版 按f12打开控制台—application—local storage—token，即可查看refresh token 安装webdav工具 编译安装 确保你的服务器 拥有jdk和maven如果没有进行安装 yum list java* yum install java-1.8.0-openjdk.x86_64 #上一条指令会搜索包含java的软件列表，挑选最新的下载几个 yum install maven 下载源代码 https://github.com/zxbu/webdav-aliyundriver.git 编译代码 cd webdav-aliyundriver # 编译 mvn clean package -Dmaven.test.skip=true #编译之后的文件在target文件夹，webdav*.jar cd target mv webdav*.jar webdav.jar 运行程序 java -jar webdav.jar --aliyundrive.refresh-token="your refreshToken" 参数说明 --aliyundrive.refresh-token 阿里云盘的refreshToken，获取方式见下文 --server.port 非必填，服务器端口号，默认为8080 --aliyundrive.auth.enable=true 是否开启WebDav账户验证，默认开启 --aliyundrive.auth.user-name=admin WebDav账户，默认admin --aliyundrive.auth.password=admin WebDav密码，默认admin 如果你不想自行编译使用的话 我会将编译好的jar上传到我的网盘   https://tools.southcat.net   届时您自行下载直接运行程序即可。 Docker运行 docker配置方...
阅读全文

和菜头：碎片化生存

发布于
我得实话告诉你：我已经没有办法读书了。 不是读不懂的那种不能，也不是因为厌倦而产生的那种抗拒。它无关理解力和情绪，而是好像一种生理上的疾病，自己对自己的一部分无能为力。我甚至连一个小节都无法读完，无法控制眼球转开去，似乎它在扭来扭去要找到一个停顿，否则就不肯继续工作。同时，读完一段文字之后，头脑里突然会空白一下，然后那些字句和含义就突然消失掉了。因为这样的缘由，也就谈不到理解，更无法形成一个整体印象。另外，更加让我恐惧的是，我的注意力根本无法长久地停留在一页纸上，它总是不断迁转，像一条水银做的蛇，在书页和无数想法之间钻进钻出，试图在两个本来毫无关联的点之间建立某种联系。而在大多数时候这样的努力是徒劳的，却白白浪费了心神，让人很快就觉得力倦神疲。 我想，这是几年来微博训练的结果。微博要求一个人迅速在各种信息之间跳转，不要在任意一条信息上停留过多时间。又要求一个人尽可能快地消费一条信息，迅速咬住它，吸干其中的汁液，然后一口吐掉。最后，对于那些在微博上原创内容的人来说，微博要求你能在海量的信息碎片中做快速筛选，然后在两个原本没有关联的碎片中建立联系，并且把这种联系以巧妙漂亮的手法表达出来，于是可以赢得观众的欢呼和掌声。无需知道“为什么”，只需要不断判断“是什么”，然后把一系列“是什么”组合起来。所以，哪怕是最简单的逻辑也都被抛弃了。我在微博上呆的时间足够长，因此受到的影响也就足够重。 相比之下，读书是一种完全不同的模式。深度阅读需要你能够持续专注在书页上，集中全部精力，因为你在阅读的同时必须进行思考。需要一个人可以持续不断地阅读数万字，然后稍微停顿一下，整理思绪，完善脑海中关于这本书的架构，一点点形成整体印象。尤其是对于阅读量足够的人来说，阅读的过程里他会不断抽取脑海里的关联书籍进行分析和对比，读一本书相当是在同时翻阅十数本书籍。这种过程对于专注之力的要求极高，因为一旦思考被打断，就很难回到之前建立起来的阅读氛围之中，彻底从原书的意境中退出。 整个阅读的过程漫长而连续，伴随着静默和沉思。这一点和微博完全不同，微博是那种老师说一句，你就立即举手大喊“我知道！我知道！”的迅速反应。这不单是个习惯问题，它根本性地改变了思考的模式。形式即内容，载体决定内容，这在微博上体现得非常明显。微博是无需做思考的地方，如何在最短的时间内作出最恰当的反应才是最重要的，反应胜过一切，表态高于一切...
阅读全文

Bose QC35 固件降级教程(官方软件降级)

发布于
一、准备工作 1.1 安装 Charles 下载链接 https://www.charlesproxy.com/download/，下载后安装，我用的是 4.6.1 版 Charles 下载 1.2 下载 Charles 设置文件 链接：https://share.weiyun.com/jpDkPRBp 密码：swwhmb 设置文件命名为 Charles Settings Downgrade From Gamma0218 Server.xml ，这样看名字就大概知道什么意思。如果以上链接不可用，请看置顶评论，我把可用的链接发到那里。 1.3 导入设置 打开 Charles （从开始菜单打开它，这个软件可能不自动添加桌面图标），点击 Tools > Import/Export Settings... 在弹出的窗口中，点击 Choose File，在弹出的窗口中，选择刚刚下载的设置文件，打开，如下图 点 Choose File 找到下载的设置文件，点“打开” 在弹出的窗口中，点击 Import 即可，如下图 最后，点 Import 1.4 下载证书 确保 Charles 是打开的，打开系统自带的浏览器（ IE 浏览器或者 Edge，不要用其他浏览器 ），打开网址 http://chls.pro/ssl ，点保存 ，如果没有弹出保存，可能是这个文件自动下载了（默认下载位置是此电脑 > 下载）。 保存证书 1.5 导入证书 在开始按钮上右键，点运行，输入 mmc ，然后回车，会打开控制台窗口。 在开始按钮，右键 > 运行 在控制台窗口中，文件 > 添加删除管理单元...进行以下操作：1.左侧小窗...
阅读全文

谈谈服务雪崩、降级与熔断

发布于
引言 首先，之所以谈这个话题呢，是发现现在很多人对微服务的设计缺乏认识，所以写一篇扫盲文。当然，考虑到目前大多微服务的文章都是口水文，烟哥争取将实现方式讲透，点清楚，让大家有所收获！ OK，我要先说明一下，我有很长一段时间将 服务降级 和 服务熔断 混在一起，认为是一回事！ 为什么我会有这样的误解呢？ 针对下面的情形，如图所示 当 Service A 调用 Service B ，失败多次达到一定阀值， Service A 不会再去调 Service B ，而会去执行本地的降级方法！ 对于这么一套机制:在Spring cloud中结合Hystrix,将其称为熔断降级! 所以我当时就以为是一回事了，毕竟熔断和降级是一起发生的，而且这二者的概念太相近了！后面接触了多了，发现自己理解的还是太狭隘了，因此本文中带着点我自己的见解，大家如果有不同意见，请轻喷！毕竟还有很多人认为两者是一致的！ 正文 服务雪崩 OK，我们从服务雪崩开始讲起！假设存在如下调用链 而此时， Service A 的流量波动很大，流量经常会突然性增加！那么在这种情况下，就算 Service A 能扛得住请求， Service B 和 Service C 未必能扛得住这突发的请求。 此时，如果 Service C 因为抗不住请求，变得不可用。那么 Service B 的请求也会阻塞，慢慢耗尽 Service B 的线程资源， Service B 就会变得不可用。紧接着， Service A 也会不可用，这一过程如下图所示 如上图所示，一个服务失败，导致整条链路的服务都失败的情形，我们称之为服务雪崩。 ps： 谁发明的这个词，真是面试装13必备！ 那么， 服务熔断 和 服务降级 就可以视为解决服务雪崩的手段之一。 服务熔断 那么，什么是服务熔断呢？ 服务熔断：当下游的服务因为某种原因突然 变得不可用 或 响应过慢 ，上游服务为了保证自己整体服务的可用性，不再继续调用目标服务，直接返回，快速释放资源。如果目标服务情况好转则恢复调用。 需要说明的是熔断其实是一个框架级的处理，那么这套熔断机制的设计，基本上业内用的是 断路器模式 ，如 Martin Fowler 提供的状态转换图如下所示 最开始处于 closed 状态，一旦检测到错误到达一定阈值，便转为 open 状态； 这时候会有个 reset timeou...
阅读全文