ThinkAdmin/application/service/view/config/index.html

{extend name="admin@main"}

{block name="content"}
<div class="nowrap" style="width:1295px">
    <div class="layui-code margin-top-0 margin-bottom-20 think-box-shadow" style="border-left-width:1px">
        强烈建议安装 YAR 扩展来实现接口通信，SOAP 不能正常显示接口的异常信息。
    </div>
    <fieldset class="margin-bottom-15 margin-right-10 pull-left think-box-shadow wechat-box">
        <legend class="layui-bg-cyan">授权参数</legend>
        <form onsubmit="return false;" data-auto="true" method="post" class='layui-form layui-card' autocomplete="off">
            <div class="layui-form-item">
                <label class="relative block">
                    <span class="color-green">开放平台服务 AppID</span>
                    <input name="component_appid" required pattern="^.{18}$" maxlength="18" placeholder="请输入18位开放平台服务AppID" value="{:sysconf('component_appid')}" class="layui-input">
                </label>
                <p class="help-block">开放平台服务 AppID，需要在微信开放平台获取。</p>
            </div>
            <div class="layui-form-item">
                <label class="relative block">
                    <span class="color-green">开放平台服务 AppSecret</span>
                    <input name="component_appsecret" required pattern="^.{32}$" maxlength="32" placeholder="请输入32位开放平台服务AppSecret" value="{:sysconf('component_appsecret')}" class="layui-input">
                </label>
                <p class="help-block">开放平台服务 AppSecret，需要在微信开放平台获取。</p>
            </div>
            <div class="layui-form-item">
                <label class="relative block">
                    <span class="color-green">开放平台消息校验 Token</span>
                    <input name="component_token" required placeholder="请输入微信消息校验Token" value="{:sysconf('component_token')}" class="layui-input">
                </label>
                <p class="help-block">开发者在代替微信接收到消息时，用此 Token 来校验消息。</p>
            </div>
            <div class="layui-form-item">
                <label class="relative block">
                    <span class="color-green">开放平台消息加解密 AesKey</span>
                    <input name="component_encodingaeskey" required pattern="^.{43}$" maxlength="43" placeholder="请输入43位微信消息加解密Key" value="{:sysconf('component_encodingaeskey')}" class="layui-input">
                </label>
                <p class="help-block">在代替微信收发消息过程中使用。必须是长度为43位的字符串，只能是字母和数字。</p>
            </div>
            <div class="hr-line-dashed"></div>
            <div class="text-center padding-bottom-15 margin-bottom-20">
                <button class="layui-btn" type="submit">保存配置</button>
            </div>
        </form>
    </fieldset>

    <fieldset class="margin-bottom-15 pull-left think-box-shadow wechat-box">
        <legend class="layui-bg-cyan">对接信息</legend>
        <div class="layui-form-item">
            <p class="color-green">授权发起页域名</p>
            <label class="relative block">
                <input disabled class="layui-input layui-bg-gray" value="{:request()->host()}">
                <a data-copy="{:request()->host()}" class="fa fa-copy right-btn"></a>
            </label>
            <p class="help-block">必须从本域名内网页跳转到登录授权页，才可完成登录授权。无需填写 http:// 等域名协议前缀</p>
        </div>
        <div class="layui-form-item">
            <p class="color-green">授权事件接收 URL</p>
            <label class="relative block">
                <input disabled class="layui-input layui-bg-gray" value="{:url('@service/api.push/ticket','',false,true)}">
                <a data-copy="{:url('@service/api.push/ticket','',false,true)}" class="fa fa-copy right-btn"></a>
            </label>
            <p class="help-block">用于接收取消授权通知、授权成功通知、授权更新通知，也用于接收 ticket，ticket 是验证平台方的重要凭据</p>
        </div>
        <div class="layui-form-item">
            <p class="color-green">微信消息与事件接收 URL</p>
            <label class="relative block">
                <input disabled class="layui-input layui-bg-gray" value="{:url('@service/api.push/notify/\$APPID\$','',false,true)}">
                <a data-copy="{:url('@service/api.push/notify/\$APPID\$','',false,true)}" class="fa fa-copy right-btn"></a>
            </label>
            <p class="help-block">通过该 URL 接收微信消息和事件推送，该参数按规则填写，实际接收消息时 $APPID$ 将被替换为微信 AppId</p>
        </div>
        <div class="layui-form-item">
            <p class="color-green">客户端系统 Yar 模块接口</p>
            <label class="relative block"><input disabled class="layui-input layui-bg-gray" value="{:url('@service/api.client/yar/PARAM','',false,true)}"></label>
            <p class="help-block">客户端系统 Yar 接口 URL，PARAM 由调用参数组成（AppName-AppId-AppKey-AppType）</p>
        </div>
        <div class="layui-form-item">
            <p class="color-green">客户端系统 Soap 模块接口</p>
            <label class="relative block"><input disabled class="layui-input layui-bg-gray" value="{:url('@service/api.client/soap/PARAM','',false,true)}"></label>
            <p class="help-block">客户端系统 Soap 接口 URL，PARAM 由调用参数组成（AppName-AppId-AppKey-AppType）</p>
        </div>
    </fieldset>
</div>
{/block}

{block name='style'}
<style>
    fieldset.wechat-box {
        width: 600px
    }

    .right-btn {
        top: 0;
        right: 0;
        width: 38px;
        height: 38px;
        display: inline-block;
        position: absolute;
        text-align: center;
        line-height: 38px;
    }
</style>
{/block}