blob: 6d27f581a2d7c7668382c2ee6fb64a624585b805 [file] [log] [blame]
<!doctype html>
<!--
Minimal Mistakes Jekyll Theme 4.4.1 by Michael Rose
Copyright 2017 Michael Rose - mademistakes.com | @mmistakes
Free for personal and commercial use under the MIT license
https://github.com/mmistakes/minimal-mistakes/blob/master/LICENSE.txt
-->
<html lang="cn" class="no-js">
<head>
<meta charset="utf-8">
<!-- begin SEO -->
<title>mesher快速入门 - Apache ServiceComb</title>
<meta name="description" content="介绍如何使用mesher快速改造微服务应用">
<meta name="author" content="">
<meta property="og:locale" content="cn">
<meta property="og:site_name" content="Apache ServiceComb">
<meta property="og:title" content="mesher快速入门">
<link rel="canonical" href="https://github.com/pages/apache/incubator-servicecomb-website/cn/docs/products/mesher/quick-start/">
<meta property="og:url" content="https://github.com/pages/apache/incubator-servicecomb-website/cn/docs/products/mesher/quick-start/">
<meta property="og:description" content="介绍如何使用mesher快速改造微服务应用">
<meta name="twitter:site" content="@ServiceComb">
<meta name="twitter:title" content="mesher快速入门">
<meta name="twitter:description" content="介绍如何使用mesher快速改造微服务应用">
<meta name="twitter:url" content="">
<meta name="twitter:card" content="summary">
<script type="application/ld+json">
{
"@context" : "http://schema.org",
"@type" : "Person",
"name" : "Apache ServiceComb",
"url" : "https://github.com/pages/apache/incubator-servicecomb-website",
"sameAs" : null
}
</script>
<meta name="google-site-verification" content="HvJjNd7vvJ-yjSTHlBiIWEYxp_Hrz-PYEY5Idz9LRcA" />
<!-- end SEO -->
<link href="/feed.xml" type="application/atom+xml" rel="alternate" title="Apache ServiceComb Feed">
<!-- http://t.co/dKP3o1e -->
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script>
document.documentElement.className = document.documentElement.className.replace(/\bno-js\b/g, '') + ' js ';
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js"></script>
<script src="/assets/vendor/prism/prism.js"></script>
<script type="text/javascript" async
src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-MML-AM_CHTML">
</script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>
<!-- For all browsers -->
<link rel="stylesheet" href="/assets/css/main.css?v=1">
<link rel="stylesheet" href="/assets/vendor/prism/prism.css?v=1">
<!--[if lte IE 9]>
<style>
/* old IE unsupported flexbox fixes */
.greedy-nav .site-title {
padding-right: 3em;
}
.greedy-nav button {
position: absolute;
top: 0;
right: 0;
height: 100%;
}
</style>
<![endif]-->
<meta http-equiv="cleartype" content="on">
<!-- start custom head snippets -->
<!-- insert favicons. use http://realfavicongenerator.net/ -->
<link href="https://fonts.cat.net/css?family=Roboto:400,500,700|Source+Code+Pro" rel="stylesheet">
<script src="/assets/js/custom.js"></script>
<!-- end custom head snippets -->
</head>
<body class="layout--single">
<!--[if lt IE 9]>
<div class="notice--danger align-center" style="margin: 0;">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</div>
<![endif]-->
<div class="masthead" onmouseleave="$('#childrenShow').css('display', 'none')">
<div class="masthead__inner-wrap">
<div class="masthead__menu">
<nav id="site-nav" class="greedy-nav">
<a class="site-title active" href="/cn"><img src="https://www.apache.org/img/servicecomb.png"></a>
<ul class="visible-links">
<li class="masthead__menu-item" onmouseenter="$('#childrenShow').css('display', 'none')">
<a href="/cn/">首页</a>
</li>
<li class="masthead__menu-item" onmouseenter="$('#childrenShow').css('display', 'none')">
<a href="/cn/developers/">项目</a>
</li>
<li class="def-nav-li" onmouseenter="$('#childrenShow').css('display', 'block')">
<a href="/cn/docs/users/">文档</a>
<ul id="childrenShow" class="def-children-show-cn" onmouseleave="$('#childrenShow').css('display', 'none')">
<li><a href="/cn/docs/getting-started/" class="">入门指南</a></li>
<li><a href="/cn/docs/users/" class="">用户手册</a></li>
<li><a href="/cn/slides/" class="">大咖视频</a></li>
<li><a href="/cn/faqs/" class="">常见问题</a></li>
</ul>
</li>
<li class="masthead__menu-item" onmouseenter="$('#childrenShow').css('display', 'none')">
<a href="/cn/developers/contributing">社区</a>
</li>
<li class="masthead__menu-item" onmouseenter="$('#childrenShow').css('display', 'none')">
<a href="/cn/year-archive/">博文</a>
</li>
<li class="masthead__menu-item" onmouseenter="$('#childrenShow').css('display', 'none')">
<a href="/cn/release/">下载</a>
</li>
</ul>
<button><div class="navicon"></div></button>
<ul class="hidden-links hidden"></ul>
<div class="nav-lang">
<a href=/docs/products/mesher/quick-start/>English</a>
</div>
</nav>
</div>
</div>
</div>
<div id="main" role="main">
<div class="sidebar sticky">
<div class="back-to-home"><a href="/cn/">首页</a> > mesher快速入门</div>
<nav class="nav__list">
<input id="ac-toc" name="accordion-toc" type="checkbox" />
<label for="ac-toc">切换菜单</label>
<ul class="nav__items">
<li>
<a href="/cn/docs/getting-started/"><span class="nav__sub-title nav__sub-title-with-url">入门指南</span></a>
</li>
<li>
<span class="nav__sub-title">Service Center</span>
<ul>
<li><a href="/cn/docs/products/service-center/install/" class="">环境安装</a></li>
<li><a href="/cn/docs/products/service-center/registration-discovery/" class="">服务注册发现</a></li>
</ul>
</li>
<li>
<span class="nav__sub-title">Java Chassis</span>
<ul>
<li><a href="/cn/docs/products/java-chassis/quick-start/" class="">入门指南</a></li>
<li><a href="/cn/docs/products/java-chassis/bmi/" class="">体质指数微服务应用快速开发</a></li>
<li><a href="/cn/docs/products/java-chassis/advance/" class="">微服务开发进阶</a></li>
<li><a href="/cn/docs/products/java-chassis/load-balance/" class="">负载均衡</a></li>
<li><a href="/cn/docs/products/java-chassis/flow-control/" class="">流量控制</a></li>
<li><a href="/cn/docs/products/java-chassis/service-management/" class="">服务治理</a></li>
<li><a href="/cn/docs/products/java-chassis/distributed-tracing/" class="">分布式调用链追踪</a></li>
</ul>
</li>
<li>
<span class="nav__sub-title">Mesher</span>
<ul>
<li><a href="/cn/docs/products/mesher/quick-start/" class="active">入门指南</a></li>
<li><a href="/cn/docs/products/mesher/advance/" class="">mesher进阶</a></li>
<li><a href="/cn/docs/products/mesher/load-balance/" class="">mesher负载均衡</a></li>
<li><a href="/cn/docs/products/mesher/flow-control/" class="">mesher流量控制</a></li>
<li><a href="/cn/docs/products/mesher/service-management/" class="">mesher服务治理</a></li>
<li><a href="/cn/docs/products/mesher/distributed-tracing/" class="">mesher分布式调用链追踪</a></li>
</ul>
</li>
<li>
<span class="nav__sub-title">Toolkit</span>
<ul>
<li><a href="/cn/docs/products/toolkit/quick-start/" class="">入门指南</a></li>
<li><a href="/cn/docs/products/toolkit/oas-validator/" class="">OpenAPI V3 Spec校验工具</a></li>
</ul>
</li>
<li>
<span class="nav__sub-title">Syncer</span>
<ul>
<li><a href="/cn/docs/products/syncer/quick-start/" class="">入门指南</a></li>
<li><a href="/cn/docs/products/syncer/multi-servicecenters/" class="">异构服务中心通讯</a></li>
</ul>
</li>
</ul>
</nav>
</div>
<article class="page" itemscope itemtype="http://schema.org/CreativeWork">
<meta itemprop="headline" content="mesher快速入门">
<meta itemprop="description" content="介绍如何使用mesher快速改造微服务应用">
<meta itemprop="dateModified" content="August 08, 2019">
<div class="page__inner-wrap">
<header>
<h1 class="page__title" itemprop="headline">mesher快速入门
</h1>
</header>
<section class="page__content" itemprop="text">
<h1 id="安装运行环境">安装运行环境</h1>
<ul>
<li>
<p>安装<strong>git</strong>,详情可参考<a href="https://git-scm.com/book/zh/v2/%E8%B5%B7%E6%AD%A5-%E5%AE%89%E8%A3%85-Git" target="_blank">git安装教程</a></p>
</li>
<li>
<p>安装<strong>golang 1.12.7</strong> ,详情可参考<a href="https://golang.google.cn/doc/install" target="_blank">Go安装教程</a></p>
</li>
<li>
<p>安装<strong>python 2.7</strong>,详情可参考<a href="https://wiki.python.org/moin/BeginnersGuide/Download" target="_blank">python安装教程</a></p>
</li>
<li>
<p>安装<strong>nodejs v10.16.2</strong>,详情可参考<a href="https://nodejs.org/en/download/" target="_blank">nodejs安装教程</a></p>
</li>
</ul>
<h1 id="运行-service-center">运行 Service Center</h1>
<p><strong>ServiceComb</strong> 微服务框架中,<strong>Service Center</strong> 提供服务注册及服务发现功能,可直接使用 Docker 运行。</p>
<div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code>docker pull servicecomb/service-center
docker run <span class="nt">-d</span> <span class="nt">-p</span> 30100:30100 servicecomb/service-center:latest
</code></pre></div></div>
<p><em>您可以通过阅读<a href="/cn/docs/products/service-center/install/#版本发布包启动">环境安装</a>获取在本地以二进制方式运行<strong>Service Center</strong><strong>front</strong>的方法。</em></p>
<h1 id="使用mesher接入servicecomb微服务体系">使用mesher接入servicecomb微服务体系</h1>
<h2 id="案例背景">案例背景</h2>
<ul>
<li>本用例主要是帮助用户快速入门<strong>mesher sidecar模式</strong>;希望用户通过该例子,快速上手使用mesher服务,了解mesher的工作模式,并了解如何通过mesher的帮助改造已有的http服务,接入ServiceComb微服务体系,得到go-chassis微服务框架提供的负载均衡、流控、服务治理、调用链追踪等微服务能力。完整案例将提交至<a href="https://github.com/apache/servicecomb-mesher/tree/master/examples/quick_start">案例下载</a>.</li>
</ul>
<h2 id="用例服务介绍">用例服务介绍</h2>
<ul>
<li>
<p>如下图所示,用例中的服务部署在地址为192.168.88.64的机器上,用户在地址为192.168.88.78的机器上通过浏览器发起请求;</p>
</li>
<li>
<p>1、 <strong>httpserver_calculator</strong>:基于python语言实现的http体质指数服务,可替换为任何语言开发的http服务;</p>
</li>
<li>
<p>2、 <strong>httpserver_webapp</strong>:基于nodejs语言实现的web服务,用于在浏览器上展示可视化结果;</p>
</li>
<li>
<p>3、 <strong>mesher_webapp</strong>:通过sidecar模式为httpserver_webapp提供服务的mesher实例;</p>
</li>
<li>
<p>4、 <strong>mesher_calculator</strong>:通过sidecar模式为httpserver_calculator提供服务的mesher实例;</p>
</li>
<li>
<p>5、 <strong>servicecenter</strong>:服务中心,接收mesher服务的注册,提供服务发现、路由查询、服务监控功能;</p>
<p><img src="/assets/images/mesher/mesher-deployment-simple.png" alt="mesher部署图" /></p>
</li>
</ul>
<h2 id="流程详情">流程详情</h2>
<ul>
<li>
<p>1、 浏览器[192.168.88.78]对 <strong>httpserver_webapp</strong> 服务发起http调用<a href=""></a><a href="http://192.168.88.64:4597/calculator/bmi">http://192.168.88.64:4597/calculator/bmi</a></p>
</li>
<li>
<p>2、 httpserver_webapp服务接收请求,并发起对地址<a href=""></a><a href="http://calculator/bmi">http://calculator/bmi</a>的http调用,因为设置了代理<a href=""></a><a href="http://127.0.0.1:30101">http://127.0.0.1:30101</a><strong>httpserver_webapp</strong> 发起的请求将被转发到 <strong>mesher_webapp</strong> 服务;</p>
</li>
<li>
<p>3、 <strong>mesher_webapp</strong> 根据请求的服务名(microservice.yaml配置的服务名<strong>calculator</strong>)从服务中心<strong>servicecenter</strong>获得该服务名的地址,转发到<strong>mesher_calculator</strong></p>
</li>
<li>
<p>4、 <strong>mesher_calculator</strong>服务根据设置好的specific地址,转发到自己绑定的体质指数<strong>calculator</strong>服务(<strong>httpserver_calculator</strong>)进行处理;</p>
</li>
<li>
<p>5、 <strong>httpserver_calculator</strong>会根据用户身高和体重进行计算,并返回自己的服务标识展示在界面上;流程图如下所示:</p>
<p><img src="/assets/images/mesher/mesher-flowchart-simple.png" alt="mesher流程图" /></p>
</li>
</ul>
<h2 id="环境搭建">环境搭建</h2>
<ul>
<li>
<p>1、 编译 <strong>mesher</strong><a href="https://github.com/apache/servicecomb-mesher">下载地址</a>, 按README.md编译项目得到可执行文件mesher(linux),windows(mesher.exe);</p>
</li>
<li>
<p>2、 创建 <strong>mesher_webapp</strong> 用于为<strong>httpserver_webapp</strong>服务: 在mesher目录下执行下列linux命令创建mesher_webapp,此处除了可执行文件,还需要拷贝conf</p>
<div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nb">mkdir</span> /usr/local/src/mesher_webapp
<span class="nb">cp</span> ./mesher /usr/local/src/mesher_webapp
<span class="nb">cp</span> <span class="nt">-r</span> ./conf /usr/local/src/mesher_webapp
</code></pre></div> </div>
<p>更改conf中配置文件,microservice.yaml中的<strong>服务name</strong>,从hellomesher改为<strong>webapp</strong>;更改chassis.yaml中监听的服务地址,从本地回环(127.0.0.1)地址改为<strong>内网ip</strong>(linux下通过ifconfig查看,如192.168.88.64):</p>
<div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code>listenAddress: 127.0.0.1:40101 <span class="nt">-----</span>》 listenAddress: 192.168.88.64:40101
listenAddress: 127.0.0.1:30101 <span class="nt">-----</span>》 listenAddress: 192.168.88.64:30101
listenAddress: 127.0.0.1:30102 <span class="nt">-----</span>》 listenAddress: 192.168.88.64:30102
</code></pre></div> </div>
</li>
<li>
<p>3、 创建<strong>mesher_calculator</strong></p>
<div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nb">mkdir</span> /usr/local/src/mesher_calculator
<span class="nb">cp</span> ./mesher /usr/local/src/mesher_calculator
<span class="nb">cp</span> <span class="nt">-r</span> ./conf /usr/local/src/mesher_calculator
</code></pre></div> </div>
<p>更改conf中配置文件,分别更改<strong>microservice.yaml</strong>中的<strong>服务name</strong>为体质指数微服务名<strong>calculator</strong><br />
更改<strong>mesher_calculator</strong>配置<strong>chassis.yaml</strong>监听的地址和端口:</p>
<div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code>listenAddress: 127.0.0.1:40101 <span class="nt">-----</span>》 listenAddress: 192.168.88.64:40107
listenAddress: 127.0.0.1:30101 <span class="nt">-----</span>》 listenAddress: 192.168.88.64:30111
listenAddress: 127.0.0.1:30102 <span class="nt">-----</span>》 listenAddress: 192.168.88.64:30112
</code></pre></div> </div>
</li>
<li>
<p>4、 启动mesher服务,分别进入<strong>mesher_webapp</strong><strong>mesher_calculator</strong>,启动服务,其中需要设置mesher_calculator的<strong>SPECIFIC_ADDR</strong>地址,该地址用于将mesher和http服务绑定起来;</p>
<div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nb">cd</span> /usr/local/src/mesher_calculator
<span class="nb">export </span><span class="nv">SPECIFIC_ADDR</span><span class="o">=</span>127.0.0.1:4540
./mesher
</code></pre></div> </div>
<div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nb">cd</span> /usr/local/src/mesher_webapp
./mesher
</code></pre></div> </div>
</li>
<li>
<p>5、 启动<strong>httpserver_webapp</strong>服务:</p>
<div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nb">cd</span> /usr/local/src/httpserver_webapp
npm <span class="nb">install
export </span><span class="nv">http_proxy</span><span class="o">=</span>http://127.0.0.1:30101
node ./httpserver_webapp.js
</code></pre></div> </div>
</li>
<li>
<p>6、 <strong>httpserver_calculator</strong>作为体质指数计算服务,需要安装python2.7,依赖BaseHTTPServer包:</p>
<div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nb">cd</span> /usr/local/src/httpserver_calculator
./httpserver_calculator.py
</code></pre></div> </div>
</li>
</ul>
<h2 id="开始测试">开始测试</h2>
<ul>
<li>
<p>1、 浏览器打开页面<a href="http://192.168.88.64:30103">http://192.168.88.64:30103</a> (如果打不开需要开启服务中心service-center的front服务,参考 <a href="http://servicecomb.apache.org/cn/docs/service-center/install/#版本发布包启动">http://servicecomb.apache.org/cn/docs/service-center/install/#版本发布包启动</a>) 查看服务,其中地址service-center服务启动的地址,看到如图界面。<strong>webapp</strong>代表<strong>mesher_webapp</strong>服务,这里展示的是microservice.yaml中配置的服务名。<strong>calculator</strong>代表<strong>mesher_calculator</strong>服务,这里展示的是microservice.yaml中配置的服务名。大写的<strong>SERVICECENTER</strong>是服务中心;</p>
<p><img src="/assets/images/mesher/mesher-servercenter.png" alt="服务中心监控图" /></p>
</li>
<li>
<p>2、 浏览器打开<a href="http://192.168.88.64:4597">http://192.168.88.64:4597</a>,可以看到如下界面,为webapp呈现的静态页面:</p>
<p><img src="/assets/images/mesher/mesher-testinit.png" alt="bmi测试初始化图" /></p>
</li>
<li>
<p>3、 输入参数(180、70)点击submit,显示如下图:</p>
<p><img src="/assets/images/mesher/mesher-testpythonhttp.png" alt="bmi测试初始化图" /></p>
</li>
</ul>
<h1 id="下一步">下一步</h1>
<ul>
<li>阅读<a href="/cn/docs/products/mesher/advance/"><strong>mesher</strong>进阶</a></li>
</ul>
</section>
<footer class="page__meta">
</footer>
</div>
</article>
</div>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<div align="center" style="margin: 0 0;">
<ins class="adsbygoogle"
style="display:block; border-bottom: initial;"
data-ad-client="ca-pub-7328585512091257"
data-ad-slot="3049671934"
data-ad-format="auto"></ins>
</div>
<div class="page__footer">
<footer>
<!-- start custom footer snippets -->
<!-- end custom footer snippets -->
<div class="container">
<div class="row justify-content-md-center">
<div class="col">
<ul>
<p class="header">资源</p>
<li><a href="/cn/docs/getting-started/">入门指南</a></li>
<li><a href="/cn/docs/users/">用户指南</a></li>
<li><a href="/cn/slides/">资料</a></li>
<li><a href="/cn/users/faq/">常见问题</a></li>
</ul>
</div>
<div class="col">
<ul>
<p class="header">ASF</p>
<li><a href="http://www.apache.org">基金会</a></li>
<li><a href="http://www.apache.org/licenses/">许可证</a></li>
<li><a href="http://www.apache.org/events/current-event">活动</a></li>
<li><a href="http://www.apache.org/foundation/sponsorship.html">赞助</a></li>
<li><a href="http://www.apache.org/foundation/thanks.html">鸣谢</a></li>
</ul>
</div>
<div class="col">
<ul>
<p class="header">贡献</p>
<li><a href="http://issues.apache.org/jira/browse/SCB">报告本网页问题</a></li>
<li><a href="https://github.com/apache/servicecomb-website/edit/master/_docs/cn/products/mesher/quick-start.md">在Github上编辑此页</a></li>
<li><a href="/cn/developers/submit-codes/">代码提交指南</a></li>
<li><a href="/cn/security">安全</a></li>
</ul>
</div>
<div class="col">
<ul class="social-icons">
<p class="header">社区</p>
<li>
<a href="mailto:dev-subscribe@servicecomb.incubator.apache.org" rel="nofollow"><span class="mail">邮件列表</span></a>
</li>
<li>
<a href="https://github.com/apache?q=ServiceComb" target="_blank"><span class="github">Github</span></a>
</li>
<li>
<a href="https://twitter.com/ServiceComb" target="_blank"><span class="twitter">Twitter</span></a>
</li>
<li>
<a href="/feed.xml" target="_blank"><span class="rss">Feed</span></a>
</li>
</ul>
</div>
</div>
</div>
<div class="page__footer-bottom">
<div>&copy; 2019 Apache ServiceComb. 技术来自于 <a href="http://jekyllrb.com" rel="nofollow">Jekyll</a> &amp; <a href="https://mademistakes.com/work/minimal-mistakes-jekyll-theme/" rel="nofollow">Minimal Mistakes</a>.</div>
<div>All other marks mentioned may be trademarks or registered trademarks of their respective owners.</div>
</div>
</footer>
</div>
<script src="/assets/js/main.min.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-101622733-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>