tls_settings.html 9.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184
  1. {{define "form/tlsSettings"}}
  2. <!-- tls enable -->
  3. <a-form layout="inline" v-if="inbound.canEnableTls()">
  4. <a-divider style="margin:0;"></a-divider>
  5. <a-form-item label='{{ i18n "security" }}'>
  6. <a-radio-group v-model="inbound.stream.security" button-style="solid">
  7. <a-radio-button value="none">{{ i18n "none" }}</a-radio-button>
  8. <a-radio-button value="tls">TLS</a-radio-button>
  9. <a-tooltip>
  10. <template slot="title">
  11. <span>{{ i18n "pages.inbounds.xtlsDesc" }}</span>
  12. </template>
  13. <a-radio-button v-if="inbound.canEnableXtls()" value="xtls">XTLS</a-radio-button>
  14. </a-tooltip>
  15. <a-tooltip>
  16. <template slot="title">
  17. <span>{{ i18n "pages.inbounds.realityDesc" }}</span>
  18. </template>
  19. <a-radio-button v-if="inbound.canEnableReality()" value="reality">Reality</a-radio-button>
  20. </a-tooltip>
  21. </a-radio-group>
  22. </a-form-item>
  23. </a-form>
  24. <!-- tls settings -->
  25. <a-form v-if="inbound.tls" layout="inline">
  26. <a-form-item label="CipherSuites">
  27. <a-select v-model="inbound.stream.tls.cipherSuites" style="width: 300px" :dropdown-class-name="themeSwitcher.currentTheme">
  28. <a-select-option value="">auto</a-select-option>
  29. <a-select-option v-for="key,value in TLS_CIPHER_OPTION" :value="key">[[ value ]]</a-select-option>
  30. </a-select>
  31. </a-form-item>
  32. <a-form-item label="Min/Max Version">
  33. <a-input-group compact>
  34. <a-select style="width: 60px" v-model="inbound.stream.tls.minVersion" :dropdown-class-name="themeSwitcher.currentTheme">
  35. <a-select-option v-for="key in TLS_VERSION_OPTION" :value="key">[[ key ]]</a-select-option>
  36. </a-select>
  37. <a-select style="width: 60px" v-model="inbound.stream.tls.maxVersion" :dropdown-class-name="themeSwitcher.currentTheme">
  38. <a-select-option v-for="key in TLS_VERSION_OPTION" :value="key">[[ key ]]</a-select-option>
  39. </a-select>
  40. </a-input-group>
  41. </a-form-item>
  42. <a-form-item label="SNI" placeholder="Server Name Indication">
  43. <a-input v-model.trim="inbound.stream.tls.server" style="width: 250px"></a-input>
  44. </a-form-item>
  45. <a-form-item label="uTLS">
  46. <a-select v-model="inbound.stream.tls.settings.fingerprint"
  47. style="width: 170px" :dropdown-class-name="themeSwitcher.currentTheme">
  48. <a-select-option value=''>None</a-select-option>
  49. <a-select-option v-for="key in UTLS_FINGERPRINT" :value="key">[[ key ]]</a-select-option>
  50. </a-select>
  51. </a-form-item>
  52. <a-form-item label="Alpn">
  53. <a-select
  54. mode="multiple"
  55. style="width: 250px"
  56. :dropdown-class-name="themeSwitcher.currentTheme"
  57. v-model="inbound.stream.tls.alpn">
  58. <a-select-option v-for="alpn in ALPN_OPTION" :value="alpn">[[ alpn ]]</a-select-option>
  59. </a-select>
  60. </a-form-item>
  61. <br>
  62. <a-form-item label="Allow insecure">
  63. <a-switch v-model="inbound.stream.tls.settings.allowInsecure"></a-switch>
  64. </a-form-item>
  65. <br>
  66. <a-form-item label="Reject Unknown SNI">
  67. <a-switch v-model="inbound.stream.tls.rejectUnknownSni"></a-switch>
  68. </a-form-item>
  69. <template v-for="cert,index in inbound.stream.tls.certs">
  70. <a-form-item label='{{ i18n "certificate" }}'>
  71. <a-radio-group v-model="cert.useFile" button-style="solid">
  72. <a-radio-button :value="true">{{ i18n "pages.inbounds.certificatePath" }}</a-radio-button>
  73. <a-radio-button :value="false">{{ i18n "pages.inbounds.certificateContent" }}</a-radio-button>
  74. </a-radio-group>
  75. <a-button v-if="index === 0" type="primary" size="small" @click="inbound.stream.tls.addCert()" style="margin-left: 10px">+</a-button>
  76. <a-button v-if="inbound.stream.tls.certs.length>1" type="primary" size="small" @click="inbound.stream.tls.removeCert(index)" style="margin-left: 10px">-</a-button>
  77. </a-form-item>
  78. <template v-if="cert.useFile">
  79. <a-form-item label='{{ i18n "pages.inbounds.publicKeyPath" }}'>
  80. <a-input v-model.trim="cert.certFile" style="width:300px;"></a-input>
  81. </a-form-item>
  82. <a-form-item label='{{ i18n "pages.inbounds.keyPath" }}'>
  83. <a-input v-model.trim="cert.keyFile" style="width:300px;"></a-input>
  84. </a-form-item>
  85. <a-button type="primary" icon="import" @click="setDefaultCertData(index)">{{ i18n "pages.inbounds.setDefaultCert" }}</a-button>
  86. </template>
  87. <template v-else>
  88. <a-form-item label='{{ i18n "pages.inbounds.publicKeyContent" }}'>
  89. <a-input type="textarea" :rows="3" style="width:300px;" v-model="cert.cert"></a-input>
  90. </a-form-item>
  91. <a-form-item label='{{ i18n "pages.inbounds.keyContent" }}'>
  92. <a-input type="textarea" :rows="3" style="width:300px;" v-model="cert.key"></a-input>
  93. </a-form-item>
  94. </template>
  95. <br>
  96. <a-form-item label="ocspStapling">
  97. <a-input-number v-model.number="cert.ocspStapling" :min="0"></a-input-number>
  98. </a-form-item>
  99. </template>
  100. </a-form>
  101. <!-- xtls settings -->
  102. <a-form v-else-if="inbound.xtls" layout="inline">
  103. <a-form-item label="SNI" placeholder="Server Name Indication">
  104. <a-input v-model.trim="inbound.stream.xtls.server" style="width: 250px"></a-input>
  105. </a-form-item>
  106. <a-form-item label="Alpn">
  107. <a-checkbox-group v-model="inbound.stream.xtls.alpn" style="width:200px">
  108. <a-checkbox v-for="key in ALPN_OPTION" :value="key">[[ key ]]</a-checkbox>
  109. </a-checkbox-group>
  110. </a-form-item>
  111. <a-form-item label="Allow insecure">
  112. <a-switch v-model="inbound.stream.xtls.settings.allowInsecure"></a-switch>
  113. </a-form-item>
  114. <template v-for="cert,index in inbound.stream.xtls.certs">
  115. <a-form-item label='{{ i18n "certificate" }}'>
  116. <a-radio-group v-model="cert.useFile" button-style="solid">
  117. <a-radio-button :value="true">{{ i18n "pages.inbounds.certificatePath" }}</a-radio-button>
  118. <a-radio-button :value="false">{{ i18n "pages.inbounds.certificateContent" }}</a-radio-button>
  119. </a-radio-group>
  120. <a-button v-if="index === 0" type="primary" size="small" @click="inbound.stream.xtls.addCert()" style="margin-left: 10px">+</a-button>
  121. <a-button v-if="inbound.stream.xtls.certs.length>1" type="primary" size="small" @click="inbound.stream.xtls.removeCert(index)" style="margin-left: 10px">-</a-button>
  122. </a-form-item>
  123. <template v-if="cert.useFile">
  124. <a-form-item label='{{ i18n "pages.inbounds.publicKeyPath" }}'>
  125. <a-input v-model.trim="cert.certFile" style="width:300px;"></a-input>
  126. </a-form-item>
  127. <a-form-item label='{{ i18n "pages.inbounds.keyPath" }}'>
  128. <a-input v-model.trim="cert.keyFile" style="width:300px;"></a-input>
  129. </a-form-item>
  130. <a-button type="primary" icon="import" @click="setDefaultCertXtls(index)">{{ i18n "pages.inbounds.setDefaultCert" }}</a-button>
  131. </template>
  132. <template v-else>
  133. <a-form-item label='{{ i18n "pages.inbounds.publicKeyContent" }}'>
  134. <a-input type="textarea" :rows="3" style="width:300px;" v-model="cert.cert"></a-input>
  135. </a-form-item>
  136. <a-form-item label='{{ i18n "pages.inbounds.keyContent" }}'>
  137. <a-input type="textarea" :rows="3" style="width:300px;" v-model="cert.key"></a-input>
  138. </a-form-item>
  139. </template>
  140. </template>
  141. </a-form>
  142. <!-- reality settings -->
  143. <a-form v-else-if="inbound.reality" layout="inline">
  144. <a-form-item label="Show">
  145. <a-switch v-model="inbound.stream.reality.show">
  146. </a-switch>
  147. </a-form-item>
  148. <a-form-item label="xVer">
  149. <a-input-number v-model="inbound.stream.reality.xver" :min="0" style="width: 60px"></a-input-number>
  150. </a-form-item>
  151. <a-form-item label="uTLS">
  152. <a-select v-model="inbound.stream.reality.settings.fingerprint"
  153. style="width: 135px" :dropdown-class-name="themeSwitcher.currentTheme">
  154. <a-select-option v-for="key in UTLS_FINGERPRINT" :value="key">[[ key ]]</a-select-option>
  155. </a-select>
  156. </a-form-item>
  157. <a-form-item label="Dest">
  158. <a-input v-model.trim="inbound.stream.reality.dest" style="width: 300px"></a-input>
  159. </a-form-item>
  160. <a-form-item label="Server Names">
  161. <a-input v-model.trim="inbound.stream.reality.serverNames" style="width: 300px"></a-input>
  162. </a-form-item>
  163. <a-form-item label="ShortIds">
  164. <a-icon @click="inbound.stream.reality.shortIds = RandomUtil.randomShortId()" type="sync"> </a-icon>
  165. <a-input v-model.trim="inbound.stream.reality.shortIds" style="width: 150px;"></a-input>
  166. </a-form-item>
  167. <br>
  168. <a-form-item label="SpiderX">
  169. <a-input v-model.trim="inbound.stream.reality.settings.spiderX" style="width: 150px;"></a-input>
  170. </a-form-item>
  171. <a-form-item label="Private Key">
  172. <a-input v-model.trim="inbound.stream.reality.privateKey" style="width: 300px"></a-input>
  173. </a-form-item>
  174. <a-form-item label="Public Key">
  175. <a-input v-model.trim="inbound.stream.reality.settings.publicKey" style="width: 300px"></a-input>
  176. </a-form-item>
  177. <a-form-item>
  178. <a-button type="primary" icon="import" @click="getNewX25519Cert">Get New Key</a-button>
  179. </a-form-item>
  180. </a-form>
  181. {{end}}