docker desktop 在登录的使用使用了自定义的url 协议，同时基于web 进行系统登录，认证完成之后会生成code，之后通过
url 协议进入
使用
- docker
协议定义
<array>
<dict>
<key>CFBundleTypeRole</key>
<string>Editor</string>
<key>CFBundleURLName</key>
<string>docker-desktop</string>
<key>CFBundleURLSchemes</key>
<array>
<string>docker-desktop</string>
</array>
</dict>
</array>
js 使用
https://d36jcksde1wxzq.cloudfront.net/9241.d6356172711deaa97954.js
处理
function v() {const {search: a} = (0,s.TH)()
e = p()
c = `docker-desktop://auth0/complete-login${a}`;return (0,
l.useEffect)((()=>{window.Cypress || (window.location.href = c)
}
c]),
l.createElement(l.Fragment, null, l.createElement(h.ql, {title: "Redirecting..."
l.createElement(t.Z, {maxWidth: "sm",
className: e.root,
"data-testid": "desktop-auth-page"
l.createElement(m.Z, {className: e.logo
l.createElement(n.Z, {className: e.paper
l.createElement(r.Z, {variant: "h2",
component: "h1",
className: e.title
"You're almost done!"), l.createElement(r.Z, {className: e.explanation
"We're redirecting you to the desktop app. If you don't see a dialog, please click the button below."), l.createElement(o.Z, {href: c,
variant: "contained",
color: "primary"
"Proceed to Docker Desktop"))))
}
}
参考请求格式
docker-desktop://auth0/complete-login?code=<code>
说明
app protocl 在一些基于web 认证的桌面应用中使用比较多，比如electron 就支持app protocl 可以方便的做一些认证集成
语雀，飞书等应用都已经默认包含了自己的url protocl
参考资料
https://www.npmjs.com/package/protocol-registry
https://github.com/Shubham-Kumar-2000/protocol-registry
https://stackoverflow.com/questions/18534591/how-to-register-a-url-protocol-handler-in-node-js/67231906#67231906
http://www.electronjs.org/docs/latest/api/protocol