	{"id":926,"date":"2023-12-28T22:32:08","date_gmt":"2023-12-28T14:32:08","guid":{"rendered":"https:\/\/manychat.com.hk\/?post_type=docs&#038;p=926"},"modified":"2023-12-28T22:32:14","modified_gmt":"2023-12-28T14:32:14","password":"","slug":"%e3%80%90%e9%96%8b%e7%99%bc%e5%b7%a5%e5%85%b7%e3%80%91devtools-%e5%bf%ab%e9%80%9f%e5%85%a5%e9%96%80","status":"publish","type":"docs","link":"https:\/\/manychat.com.hk\/en\/docs\/%E9%96%8B%E7%99%BC%E5%B7%A5%E5%85%B7devtools-%E5%BF%AB%E9%80%9F%E5%85%A5%E9%96%80\/","title":{"rendered":"[Development Tools] DevTools - Quick Start"},"content":{"rendered":"<p><span>If you do not have a server to deploy the DevTool to, you can remix our introductory DevTool project on Glitch, which will provide a public URL for your DevTools via HTTPS.<\/span><\/p>\n<p><strong><span>To create your own DevTool on Glitch, please do the following:<\/span><\/strong><\/p>\n<ol>\n<li><span>Open on Glitch<\/span><a href=\"https:\/\/glitch.com\/~manychat-devtools-example\" target=\"_blank\" rel=\"noopener noreferrer\"><span>Our introductory Webhook project<\/span><\/a><span>.<\/span><\/li>\n<li><span>Click \u201cRemix Your Own\u201d under the project preview.<\/span><br \/>\n<img decoding=\"async\" class=\"fr-dib\" src=\"https:\/\/s3.amazonaws.com\/cdn.freshdesk.com\/data\/helpdesk\/attachments\/production\/36063520082\/original\/IfLbi0pJWqpMxxfrQQJBIzVY2lI0s2GIPA.png?1587921831\" data-attachment=\"[object Object]\" data-id=\"36063520082\" \/><span>This will create a copy of the project for you.<\/span><\/li>\n<li><span>In the upper left corner, click \u201cShare\u201d to access the dropdown menu, then select \u201cLive App\u201d and copy the link. This will be the base URL for your DevTool.<\/span><br \/>\n<img decoding=\"async\" class=\"fr-dib aligncenter\" src=\"https:\/\/s3.amazonaws.com\/cdn.freshdesk.com\/data\/helpdesk\/attachments\/production\/36063520097\/original\/nq6lqwSEnAFzSYco47s9gwEWLBxmEH3c4w.png?1587921886\" data-attachment=\"[object Object]\" data-id=\"36063520097\" \/><\/li>\n<li><span>In the steps, create a stream using the \u201cDynamic Content\u201d block. Add the server address to the \u201cRequest URL\u201d field and set the \u201cRequest Type\u201d to GET.<\/span><img decoding=\"async\" class=\"fr-dib\" src=\"https:\/\/s3.amazonaws.com\/cdn.freshdesk.com\/data\/helpdesk\/attachments\/production\/36063520164\/original\/DITBJEeBuer89IvDyR-7HJZQusPZyvXxBA.png?1587922066\" data-attachment=\"[object Object]\" data-id=\"36063520164\" \/><\/li>\n<li><span>Click save and preview the stream - it will send a \u201cHello from the server!\u201d message to your Messenger!<\/span><\/li>\n<\/ol>\n<p><span>Feel free to edit the code in the remixed project<\/span><span>app.js<\/span><span>to send anything you want in the following format:<\/span><a href=\"https:\/\/manychat.github.io\/dynamic_block_docs\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span>https<\/span><\/a><span>\u00a0:\u00a0<a href=\"https:\/\/manychat.github.io\/dynamic_block_docs\/\" target=\"_blank\" rel=\"noopener noreferrer\">\/\/manychat.github.io\/dynamic_block_docs\/<\/a>. We also encourage you to check out the<\/span><a href=\"https:\/\/support.manychat.com\/support\/solutions\/articles\/36000143342-dev-tools-dynamic-block\" target=\"_blank\" rel=\"noopener noreferrer\"><span>Dynamic blocking<\/span><\/a><span>\u00a0\u00a0with\u00a0\u00a0<\/span><a href=\"https:\/\/support.manychat.com\/support\/solutions\/articles\/36000018457-dev-tools-external-request\" target=\"_blank\" rel=\"noopener noreferrer\"><span>main help article on<\/span><\/a><span>external requests\u00a0\u00a0<\/span><span>.<\/span><\/p>","protected":false},"excerpt":{"rendered":"<p>\u5982\u679c\u60a8\u6c92\u6709\u5c07DevTool\u90e8\u7f72\u5230\u7684\u670d\u52d9\u5668\uff0c\u5247\u53ef\u4ee5\u5728Glitch\u4e0a\u91cd\u65b0\u6df7\u5408\u6211\u5011\u7684\u5165\u9580DevTool\u9805\u76ee\uff0c\u8a72\u9805\u76ee\u5c07 [&hellip;]<\/p>","protected":false},"author":20,"featured_media":0,"template":"","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"%%post_title%%","_seopress_titles_desc":"","_seopress_robots_index":"","_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","_eb_attr":"","_surecart_dashboard_logo_width":"180px","_surecart_dashboard_show_logo":true,"_surecart_dashboard_navigation_orders":true,"_surecart_dashboard_navigation_invoices":true,"_surecart_dashboard_navigation_subscriptions":true,"_surecart_dashboard_navigation_downloads":true,"_surecart_dashboard_navigation_billing":true,"_surecart_dashboard_navigation_account":true,"footnotes":""},"doc_category":[47],"doc_tag":[],"class_list":["post-926","docs","type-docs","status-publish","hentry","doc_category-manychat-advance"],"year_month":"2026-04","word_count":28,"total_views":"1619","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Michelle","author_nicename":"michelle","author_url":"https:\/\/manychat.com.hk\/en\/author\/michelle\/"},"doc_category_info":[{"term_name":"ManyChat Advance","term_url":"https:\/\/manychat.com.hk\/en\/docs-category\/manychat-advance\/"}],"doc_tag_info":[],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/manychat.com.hk\/en\/wp-json\/wp\/v2\/docs\/926","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/manychat.com.hk\/en\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/manychat.com.hk\/en\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/manychat.com.hk\/en\/wp-json\/wp\/v2\/users\/20"}],"version-history":[{"count":1,"href":"https:\/\/manychat.com.hk\/en\/wp-json\/wp\/v2\/docs\/926\/revisions"}],"predecessor-version":[{"id":927,"href":"https:\/\/manychat.com.hk\/en\/wp-json\/wp\/v2\/docs\/926\/revisions\/927"}],"wp:attachment":[{"href":"https:\/\/manychat.com.hk\/en\/wp-json\/wp\/v2\/media?parent=926"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/manychat.com.hk\/en\/wp-json\/wp\/v2\/doc_category?post=926"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/manychat.com.hk\/en\/wp-json\/wp\/v2\/doc_tag?post=926"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}