tls_settings.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210
  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='Multi Domain'>
  27. <a-switch v-model="multiDomain"></a-switch>
  28. </a-form-item>
  29. <a-form-item v-if="multiDomain">
  30. <a-row>
  31. <span>Domains:</span>
  32. <a-button v-if="multiDomain" type="primary" size="small" @click="inbound.stream.tls.settings.domains.push({remark: '', domain: ''})" style="margin-left: 10px">+</a-button>
  33. </a-row>
  34. <a-input-group v-for="(row, index) in inbound.stream.tls.settings.domains">
  35. <a-input style="width: 40%" v-model.trim="row.remark" addon-before='{{ i18n "remark" }}'></a-input>
  36. <a-input style="width: 60%" v-model.trim="row.domain" addon-before='{{ i18n "host" }}'>
  37. <template slot="addonAfter">
  38. <a-button type="primary" size="small" style="margin-left: 10px" @click="inbound.stream.tls.settings.domains.splice(index, 1)">-</a-button>
  39. </template>
  40. </a-input>
  41. </a-input-group>
  42. </a-form-item>
  43. <a-form-item v-else label='{{ i18n "domainName" }}'>
  44. <a-input v-model.trim="inbound.stream.tls.server" style="width: 250px"></a-input>
  45. </a-form-item>
  46. <a-form-item label="CipherSuites">
  47. <a-select v-model="inbound.stream.tls.cipherSuites" style="width: 300px" :dropdown-class-name="themeSwitcher.currentTheme">
  48. <a-select-option value="">auto</a-select-option>
  49. <a-select-option v-for="key,value in TLS_CIPHER_OPTION" :value="key">[[ value ]]</a-select-option>
  50. </a-select>
  51. </a-form-item>
  52. <a-form-item label="Min/Max Version">
  53. <a-input-group compact>
  54. <a-select style="width: 60px" v-model="inbound.stream.tls.minVersion" :dropdown-class-name="themeSwitcher.currentTheme">
  55. <a-select-option v-for="key in TLS_VERSION_OPTION" :value="key">[[ key ]]</a-select-option>
  56. </a-select>
  57. <a-select style="width: 60px" v-model="inbound.stream.tls.maxVersion" :dropdown-class-name="themeSwitcher.currentTheme">
  58. <a-select-option v-for="key in TLS_VERSION_OPTION" :value="key">[[ key ]]</a-select-option>
  59. </a-select>
  60. </a-input-group>
  61. </a-form-item>
  62. <a-form-item label="SNI" placeholder="Server Name Indication">
  63. <a-input v-model.trim="inbound.stream.tls.settings.serverName" style="width: 250px"></a-input>
  64. </a-form-item>
  65. <a-form-item label="uTLS">
  66. <a-select v-model="inbound.stream.tls.settings.fingerprint"
  67. style="width: 170px" :dropdown-class-name="themeSwitcher.currentTheme">
  68. <a-select-option value=''>None</a-select-option>
  69. <a-select-option v-for="key in UTLS_FINGERPRINT" :value="key">[[ key ]]</a-select-option>
  70. </a-select>
  71. </a-form-item>
  72. <a-form-item label="Alpn">
  73. <a-select
  74. mode="multiple"
  75. style="width: 250px"
  76. :dropdown-class-name="themeSwitcher.currentTheme"
  77. v-model="inbound.stream.tls.alpn">
  78. <a-select-option v-for="alpn in ALPN_OPTION" :value="alpn">[[ alpn ]]</a-select-option>
  79. </a-select>
  80. </a-form-item>
  81. <br>
  82. <a-form-item label="Allow insecure">
  83. <a-switch v-model="inbound.stream.tls.settings.allowInsecure"></a-switch>
  84. </a-form-item>
  85. <br>
  86. <a-form-item label="Reject Unknown SNI">
  87. <a-switch v-model="inbound.stream.tls.rejectUnknownSni"></a-switch>
  88. </a-form-item>
  89. <template v-for="cert,index in inbound.stream.tls.certs">
  90. <a-form-item label='{{ i18n "certificate" }}'>
  91. <a-radio-group v-model="cert.useFile" button-style="solid">
  92. <a-radio-button :value="true">{{ i18n "pages.inbounds.certificatePath" }}</a-radio-button>
  93. <a-radio-button :value="false">{{ i18n "pages.inbounds.certificateContent" }}</a-radio-button>
  94. </a-radio-group>
  95. <a-button v-if="index === 0" type="primary" size="small" @click="inbound.stream.tls.addCert()" style="margin-left: 10px">+</a-button>
  96. <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>
  97. </a-form-item>
  98. <template v-if="cert.useFile">
  99. <a-form-item label='{{ i18n "pages.inbounds.publicKeyPath" }}'>
  100. <a-input v-model.trim="cert.certFile" style="width:300px;"></a-input>
  101. </a-form-item>
  102. <a-form-item label='{{ i18n "pages.inbounds.keyPath" }}'>
  103. <a-input v-model.trim="cert.keyFile" style="width:300px;"></a-input>
  104. </a-form-item>
  105. <a-button type="primary" icon="import" @click="setDefaultCertData(index)">{{ i18n "pages.inbounds.setDefaultCert" }}</a-button>
  106. </template>
  107. <template v-else>
  108. <a-form-item label='{{ i18n "pages.inbounds.publicKeyContent" }}'>
  109. <a-input type="textarea" :rows="3" style="width:300px;" v-model="cert.cert"></a-input>
  110. </a-form-item>
  111. <a-form-item label='{{ i18n "pages.inbounds.keyContent" }}'>
  112. <a-input type="textarea" :rows="3" style="width:300px;" v-model="cert.key"></a-input>
  113. </a-form-item>
  114. </template>
  115. <br>
  116. <a-form-item label="ocspStapling">
  117. <a-input-number v-model.number="cert.ocspStapling" :min="0"></a-input-number>
  118. </a-form-item>
  119. </template>
  120. </a-form>
  121. <!-- xtls settings -->
  122. <a-form v-else-if="inbound.xtls" layout="inline">
  123. <a-form-item label='{{ i18n "domainName" }}'>
  124. <a-input v-model.trim="inbound.stream.xtls.server"></a-input>
  125. </a-form-item>
  126. <a-form-item label="SNI" placeholder="Server Name Indication">
  127. <a-input v-model.trim="inbound.stream.xtls.settings.serverName" style="width: 250px"></a-input>
  128. </a-form-item>
  129. <a-form-item label="Alpn">
  130. <a-checkbox-group v-model="inbound.stream.xtls.alpn" style="width:200px">
  131. <a-checkbox v-for="key in ALPN_OPTION" :value="key">[[ key ]]</a-checkbox>
  132. </a-checkbox-group>
  133. </a-form-item>
  134. <a-form-item label="Allow insecure">
  135. <a-switch v-model="inbound.stream.xtls.settings.allowInsecure"></a-switch>
  136. </a-form-item>
  137. <template v-for="cert,index in inbound.stream.xtls.certs">
  138. <a-form-item label='{{ i18n "certificate" }}'>
  139. <a-radio-group v-model="cert.useFile" button-style="solid">
  140. <a-radio-button :value="true">{{ i18n "pages.inbounds.certificatePath" }}</a-radio-button>
  141. <a-radio-button :value="false">{{ i18n "pages.inbounds.certificateContent" }}</a-radio-button>
  142. </a-radio-group>
  143. <a-button v-if="index === 0" type="primary" size="small" @click="inbound.stream.xtls.addCert()" style="margin-left: 10px">+</a-button>
  144. <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>
  145. </a-form-item>
  146. <template v-if="cert.useFile">
  147. <a-form-item label='{{ i18n "pages.inbounds.publicKeyPath" }}'>
  148. <a-input v-model.trim="cert.certFile" style="width:300px;"></a-input>
  149. </a-form-item>
  150. <a-form-item label='{{ i18n "pages.inbounds.keyPath" }}'>
  151. <a-input v-model.trim="cert.keyFile" style="width:300px;"></a-input>
  152. </a-form-item>
  153. <a-button type="primary" icon="import" @click="setDefaultCertXtls(index)">{{ i18n "pages.inbounds.setDefaultCert" }}</a-button>
  154. </template>
  155. <template v-else>
  156. <a-form-item label='{{ i18n "pages.inbounds.publicKeyContent" }}'>
  157. <a-input type="textarea" :rows="3" style="width:300px;" v-model="cert.cert"></a-input>
  158. </a-form-item>
  159. <a-form-item label='{{ i18n "pages.inbounds.keyContent" }}'>
  160. <a-input type="textarea" :rows="3" style="width:300px;" v-model="cert.key"></a-input>
  161. </a-form-item>
  162. </template>
  163. </template>
  164. </a-form>
  165. <!-- reality settings -->
  166. <a-form v-else-if="inbound.reality" layout="inline">
  167. <a-form-item label="Show">
  168. <a-switch v-model="inbound.stream.reality.show">
  169. </a-switch>
  170. </a-form-item>
  171. <a-form-item label="xVer">
  172. <a-input-number v-model="inbound.stream.reality.xver" :min="0" style="width: 60px"></a-input-number>
  173. </a-form-item>
  174. <a-form-item label="uTLS">
  175. <a-select v-model="inbound.stream.reality.settings.fingerprint"
  176. style="width: 135px" :dropdown-class-name="themeSwitcher.currentTheme">
  177. <a-select-option v-for="key in UTLS_FINGERPRINT" :value="key">[[ key ]]</a-select-option>
  178. </a-select>
  179. </a-form-item>
  180. <a-form-item label='{{ i18n "domainName" }}'>
  181. <a-input v-model.trim="inbound.stream.reality.settings.serverName" style="width: 250px"></a-input>
  182. </a-form-item>
  183. <a-form-item label="Dest">
  184. <a-input v-model.trim="inbound.stream.reality.dest" style="width: 300px"></a-input>
  185. </a-form-item>
  186. <a-form-item label="Server Names">
  187. <a-input v-model.trim="inbound.stream.reality.serverNames" style="width: 300px"></a-input>
  188. </a-form-item>
  189. <a-form-item label="ShortIds">
  190. <a-icon @click="inbound.stream.reality.shortIds = RandomUtil.randomShortId()" type="sync"> </a-icon>
  191. <a-input v-model.trim="inbound.stream.reality.shortIds" style="width: 150px;"></a-input>
  192. </a-form-item>
  193. <br>
  194. <a-form-item label="SpiderX">
  195. <a-input v-model.trim="inbound.stream.reality.settings.spiderX" style="width: 150px;"></a-input>
  196. </a-form-item>
  197. <a-form-item label="Private Key">
  198. <a-input v-model.trim="inbound.stream.reality.privateKey" style="width: 300px"></a-input>
  199. </a-form-item>
  200. <a-form-item label="Public Key">
  201. <a-input v-model.trim="inbound.stream.reality.settings.publicKey" style="width: 300px"></a-input>
  202. </a-form-item>
  203. <a-form-item>
  204. <a-button type="primary" icon="import" @click="getNewX25519Cert">Get New Key</a-button>
  205. </a-form-item>
  206. </a-form>
  207. {{end}}