{template "web/common/header"}
<div class="layui-fluid">
    <div class="main-content">
        <h2>WEBSOCKET</h2>
        <div class="layui-tab fui-tab">
            <ul class="layui-tab-title">
                <li><a href="{php echo $this->url('')}">参数配置</a></li>
                {if $this->settings['type']=='local'}<li><a href="{php echo $this->url('domain')}">域名白名单</a></li>{/if}
                <li class="layui-this"><a href="{php echo $this->url('help')}">本地安装步骤</a></li>
            </ul>
        </div>
        <div class="fui-card layui-card">
            <div class="layui-card-header">
                <span class="title">本地SOCKET安装步骤</span>
            </div>
            <div class="layui-card-body">
                <div class="layui-tab fui-tab" style="margin-top: 0">
                    <ul class="layui-tab-title">
                        <li class="layui-this">1.创建站点</li>
                        <li>2.安装Go环境</li>
                        <li>3.配置SOCKET站点</li>
                        <li>4.添加计划任务</li>
                        <li class="fr">
                            <a href="https://www.whotalk.com.cn/" target="_blank"><span class="text-blue">安装遇到困难？</span></a>
                        </li>
                    </ul>
                    <div class="layui-tab-content">
                        <div class="layui-tab-item layui-show">
                            <div class="layui-text">1&nbsp;准备一个SOCKET通讯专用的域名并解析到当前服务器</div>
                            <div class="layui-text">2&nbsp;到安全组<strong>开放服务器的3001端口，</strong>如果宝塔开启了防火墙，还需要到宝塔的【安全】中去放行3001端口</div>
                            <div class="layui-text">3&nbsp;到宝塔创建新站点:</div>
                            <div class="layui-text">3.1&nbsp;<strong>域名</strong>填写上一步骤准备的域名</div>
                            <div class="layui-text">3.2&nbsp;<strong>根目录</strong>请选择或直接填写&nbsp;<strong class="text-black">{php echo str_replace("\\",'/',base_path('swasocket'));}</strong></div>
                            <div class="layui-text">3.3&nbsp;<strong>PHP版本<span class="text-red">必须选择纯静态</span></strong></div>
                            {if $_W['ishttps']}
                            <div class="layui-text">4&nbsp;为该站点配置HTTPS并强制开启</div>
                            {/if}
                            <img width="905" src="{php echo asset('static/installer/inst-socket.png');}" alt="SOCKET站点创建示意图" />
                        </div>
                        <div class="layui-tab-item">
                            <div class="layui-text">
                                <strong class="text-red">使用宝塔面板的【终端】功能或ssh远程管理工具登录服务器后按步骤进行如下操作</strong>
                            </div>
                            <div class="layui-text"><strong>1&nbsp;下载GO安装包</strong></div>
                            <pre class="layui-code">
yum install -y wget
wget https://studygolang.com/dl/golang/go1.20.1.linux-amd64.tar.gz
tar -C /usr/local -xzf go1.20.1.linux-amd64.tar.gz
rm -f go1.20.1.linux-amd64.tar.gz</pre>
                            <div class="layui-text"><strong>2&nbsp;添加环境变量</strong></div>
                            <pre class="layui-code">
vim /etc/profile</pre>
                            <div class="layui-text">这时候会进入文件编辑器，输入i编辑状态，在最后一行添加如下代码</div>
                            <pre class="layui-code">
export GOROOT=/usr/local/go
export GOPATH=/home/gocode
export PATH=$PATH:$GOROOT/bin:$GOPATH/bin</pre>
                            <div class="layui-text">编辑完成后按一次键盘的<strong>ESC</strong>键，再按<strong>Shift + :;</strong>键，在响应的输入框中输入<strong>wq</strong>保存退出</div>
                            <div></div>
                            <div class="layui-text"><strong>3&nbsp;重新加载环境变量</strong></div>
                            <pre class="layui-code">
source /etc/profile</pre>
                            <div class="layui-text"><strong>4&nbsp;运行SOCKET项目</strong></div>
                            <pre class="layui-code">
cd {php echo str_replace("\\",'/',base_path('swasocket'));}

go env -w GOPROXY=https://goproxy.cn,direct
go mod init swasocket
go mod tidy
go mod vendor

nohup ./run start &
</pre>
                        </div>
                        <div class="layui-tab-item">
                            <div class="layui-text">
                                <strong>宝塔面板的【站点】点击编辑该站点，在【配置文件】中参考如下代码设置</strong>
                            </div>
                            <div class="layui-text">
                                <strong>下方以宝塔内的NGINX服务器为例，其它系统请咨询专业技术人员，或联系售后提供有偿安装服务</strong>
                            </div>
                            <pre class="layui-code">
//注：以下内容需要根据站点实际情况调整，未开启https则监听80端口，否则监听443端口
//在【站点】→【配置文件】的 server 代码内加入如下代码,把其中的http://xxxxxxxxx改为您的域名或者IP地址
    location /api {
          proxy_pass http://xxxxxxxxx:3001;
          proxy_http_version 1.1;
          proxy_set_header Upgrade $http_upgrade;
          proxy_set_header Connection keep-alive;
          proxy_set_header Host $host;
          proxy_cache_bypass $http_upgrade;
          proxy_set_header X-Real-IP $remote_addr;
          proxy_set_header X-Forwarded-Proto  $scheme;
    }
    location /wss{
        proxy_pass http://xxxxxxxxx:3001;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "Upgrade";
        proxy_read_timeout 1200s;
    }
</pre>
                            <img width="751" src="{php echo asset('static/installer/inst-socket2.png');}" alt="SOCKET站点创建示意图" />
                        </div>
                        <div class="layui-tab-item">
                            <div class="layui-text">
                                <strong>到宝塔面板的【计划任务】，添加新的Shell脚本计划任务，设定每1分钟执行一次。脚本内容请直接复制如下代码：</strong>
                            </div>
                            <pre class="layui-code">
cd {php echo str_replace("\\",'/',base_path('swasocket'));}

./run start
</pre>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{template "web/common/footer"}