VSCodeから一発でProxymanを起動する

Transcript

1. VSCode͔Β
   
   
   ҰൃͰProxymanΛىಈ͢Δ
   2023/09/29 YOUTRUST x ΏΊΈ Flutter LTձ #3
   twitter.com/kumamo_tone
   

   View Slide

2. • FlutterΤϯδχΞ @ YOUTRUST
   ۽ຊ ࿨ਖ਼ (͘·΋Μ) (@kumamo_tone)
   

   View Slide

3. SwiftUI
   

   View Slide

4. • macOS Ͱ࢖͑Δ Web σόοΪϯάπʔϧ
   
   
   • ௨৴಺༰Λ৭ʑͰ͖Δ
   
   
   • ௨৴಺༰ͷ֬ೝ
   
   
   • ௨৴಺༰ͷࠩ͠ସ͑
   Proxymanͱ͸ʁ
   • Flutter & ProxymanͰ௨৴σόοάΛ͢Δ https://tech.youtrust.co.jp/entry/2022/10/21/132855
   
   
   • ΞϓϦ։ൃ࣌ͷ௨৴σόοάʹศརͳ Proxyman ͷ Scripting Tool ͷ࢖͍ํ https://tech.youtrust.co.jp/entry/2023/08/30/190746
   ࢖͍ํ͸ YOUTRUST Tech Blog Λ͝ࢀর͍ͩ͘͞
   
   
   • cURLܗࣜʹม׵
   
   
   • ஗͍ΠϯλʔωοτΛγϛϡϨʔτ
   

   View Slide

5. • Proxyman Λىಈ͢Δ
   
   
   • ίʔυ্Ͱ localhost:9090
   

   Λ࢖͏Α͏ʹมߋ͢Δ
   
   
   • Hot Restart Λ࣮ߦ
   ศར͕ͩ…
   • ProxymanΛऴྃ͢Δ
   
   
   • ίʔυ্Ͱ localhost:9090
   

   Λ࢖Θͳ͍Α͏ʹมߋ͢Δ
   
   
   • Hot Restart Λ࣮ߦ
   ࢖͍ऴΘͬͨͱ͖
   ࢖͏ͱ͖
   ΍΍ͭΒ͍ʂ
   

   View Slide

6. ੾Γସ͑Ϙλϯԡͨ͠Β
   
   
   ੾ΓସΘͬͯ΄͍͠
   

   View Slide

7. DEMO
   

   View Slide

8. View Slide

9. • keybindings.json ʹίϚϯυΛ࣮ߦ͢ΔΩʔόΠϯυΛొ࿥
   
   
   • tasks.json ʹλεΫΛ௥Ճ
   
   
   • ίʔυΛॻ͖׵͑Δ
   
   
   • ProxymanΛىಈ͢Δ
   
   
   • Hot Restart͢Δ
   ΍Γํ
   

   View Slide

10. ؆қਤղ
    ίʔυͷॻ͖׵͑
    Proxyman ͷ্ཱͪ͛
    ⌘ ⇧ ^ P
    ɾ
    ɾ
    Hot Restart
    ɾ
    

    View Slide

11. ؆қਤղ
    ίʔυͷॻ͖׵͑
    Proxyman ͷ্ཱͪ͛
    ⌘ ⇧ P
    ɾ
    ɾ
    Hot Restart
    ɾ
    ^
    

    View Slide

12. γϣʔτΧοτͷઃఆ
    {
    
    
    "key": "cmd+shift+ctrl+p",
    
    
    "command": "multiCommand.toggleProxyAndReload"
    
    
    },
    
    
    1. ΩʔϘʔυγϣʔτΧοτͷઃఆΛ։͘
    2. ӈ্ʹ͋ΔΩʔϘʔυγϣʔτΧοτΛ։͘(JSON)ϘλϯΛબ୒
    3. Ωʔͱ࣮ߦ͢ΔίϚϯυΛࢦఆ
    

    View Slide

13. ؆қਤղ
    ίʔυͷॻ͖׵͑
    Proxyman ͷ্ཱͪ͛
    ⌘ ⇧ P
    ɾ
    ɾ
    Hot Restart
    ɾ
    ^
    

    View Slide

14. ίϚϯυͷఆٛ(settings.json)
    "multiCommand.commands": [
    
    
    {
    
    
    "command": "multiCommand.toggleProxyAndReload",
    
    
    "interval": 200,
    
    
    "sequence": [
    
    
    {
    
    
    "command": "workbench.action.tasks.runTask",
    
    
    "args": "toggleProxySetting"
    
    
    },
    
    
    "workbench.action.debug.restart"
    
    
    ]
    
    
    }
    
    
    ],
    
    
    1. toggleProxySetting (࣍ͷεϥΠυͰ঺հ)ͱ͍͏ίϚϯυΛ࣮ߦ͢Δ
    
    
    2. 0.2ඵ଴ͭ(଴ͨͳ͍ͱίʔυ͕ॻ͖׵ΘΒͳ͍ͷͰ)
    
    
    3. Hot Restart(workbench.action.debug.restart) Λ࣮ߦ͢Δ
    https://marketplace.visualstudio.com/items?itemName=ryuta46.multi-command
    multi-commandͱ͍͏ExtensionΛ࢖͍ͬͯ·͢ˠ
    

    View Slide

15. ؆қਤղ
    ίʔυͷॻ͖׵͑
    Proxyman ͷ্ཱͪ͛
    ⌘ ⇧ P
    ɾ
    ɾ
    Hot Restart
    ɾ
    ^
    

    View Slide

16. {
    
    
    "label": "toggleProxySetting",
    
    
    "type": "shell",
    
    
    "command": "python3",
    
    
    "args": [
    
    
    "~/toggle_proxy.py"
    
    
    ],
    
    
    "problemMatcher": []
    
    
    }
    
    
    tasks.json
    toggleProxySetting ͱ͍͏ίϚϯυΛఆٛ
    
    
    toggle_proxy.py (࣍ϖʔδͰ঺հ) Λ࣮ߦ
    

    View Slide

17. toggle_proxy.py
    import subprocess
    
    
    filepath, line_number = "lib/system/http/dio_provider.dart", 22
    
    
    with open(filepath, "r+") as file:
    
    
    lines = file.readlines()
    
    
    line_content = lines[line_number].strip()
    
    
    
    
    if line_content == ": null,":
    
    
    lines[line_number] = " : Constants.of().proxyUrl,\n"
    
    
    state = "ON"
    
    
    elif line_content == ": Constants.of().proxyUrl,":
    
    
    lines[line_number] = " : null,\n"
    
    
    state = "OFF"
    
    
    
    
    file.seek(0)
    
    
    file.writelines(lines)
    
    
    file.truncate()
    
    
    is_proxyman_running = bool(subprocess.run(["pgrep", "Proxyman"], capture_output=True).stdout)
    
    
    if state == "ON" and not is_proxyman_running:
    
    
    subprocess.run(["open", "-a", "Proxyman"])
    
    
    elif state == "OFF" and is_proxyman_running:
    
    
    subprocess.run(["pkill", "Proxyman"])
    
    
    print(f"Proxy is now {state}")
    
    
    ࢦఆͨ͠ϑΝΠϧͷ
    ࢦఆߦΛॻ͖׵͑
    1SPYZNBO͕ىಈ͍ͯ͠
    ͳ͔ͬͨΒىಈ͢Δ
    

    View Slide

18. • tasks.jsonͱॻ͖׵͑ର৅ͷϑΝΠϧ͸git؅ཧ͞Ε͍ͯΔ
    
    
    • .gitignoreʹ௥Ճ͢Δͱଞͷਓ΋ӨڹΛड͚ͯ͠·͏
    
    
    • git update-index —skip-worktree ίϚϯυΛ࢖͏ͱgit ؅ཧԼʹ͋Δ
    ϑΝΠϧΛ͋͑ͯແࢹ͢Δ͜ͱ͕Ͱ͖Δ
    
    
    • git update-index --skip-worktree .vscode/tasks.json
    
    
    • git update-index --skip-worktree lib/system/http/dio_provider.dart
    ޻෉
    

    View Slide

19. • ࢦఆͨ͠ϑΝΠϧͷࢦఆͨ͠ߦΛॻ͖׵͑
    
    
    • →ࢦఆͨ͠ϑΝΠϧͷ಺༰͕ͪΐͬͱͰ΋มΘͬͨΒಈ͔ͳ͘ͳΔ
    
    
    • ASTΛ࢖ͬͯॻ͖׵͑ͨΒͪΐͬͱϚγʹͳΓͦ͏
    
    
    • ࢀߟʹͳΓͦ͏
    
    
    • DartͷASTͱcodemodΛ࢖ͬͯػցతͳϦϑΝΫλϦϯάΛࣗಈ
    Խ https://qiita.com/b4tchkn/items/4b8620c5baa60bfca128
    
    
    • ΞΠσΞืूͰ͕͢ϥϑʹӡ༻ͯ͠·͢
    վྑͷ༨஍
    

    View Slide

20. ·ͱΊ
    

    View Slide

21. • tasks.json / multi-command֦ு / shell ίϚϯυΛ૊Έ߹Θͤͨ΋ͷ
    Λ keybind ʹઃఆ͢Δ͜ͱͰɺҎԼΛҰൃͰߦ͏͜ͱ͕Ͱ͖Δ
    
    
    • ίʔυͷॻ͖׵͑
    
    
    • Proxymanͷىಈ
    
    
    • Hot Restart
    
    
    • git update-index —skip-worktree ίϚϯυΛ࢖͏ͱgit ؅ཧԼʹ͋Δ
    ϑΝΠϧΛ͋͑ͯແࢹ͢Δ͜ͱ͕Ͱ͖Δ
    
    
    • Ͳ͏͙ͤ͢յΕΔ͚ͲࣗಈԽͰ͖Δͱָ͍͠
    ·ͱΊ
    

    View Slide