docker desktop url protocl 技术以及使用

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