[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-92555":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":9,"totalLinesOfCode":9,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":9,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":16,"stars30d":16,"stars90d":16,"forks30d":16,"starsTrendScore":16,"compositeScore":17,"rankGlobal":9,"rankLanguage":9,"license":9,"archived":18,"fork":18,"defaultBranch":19,"hasWiki":18,"hasPages":18,"topics":9,"createdAt":9,"pushedAt":9,"updatedAt":20,"readmeContent":21,"aiSummary":22,"trendingCount":16,"starSnapshotCount":16,"syncStatus":23,"lastSyncTime":24,"discoverSource":25},92555,"whatsapp-business-jaspers-market","fbsamples\u002Fwhatsapp-business-jaspers-market","fbsamples","Sample Whatsapp App - Jasper's Market",null,"https:\u002F\u002Fgithub.com\u002Ffbsamples\u002Fwhatsapp-business-jaspers-market","JavaScript",509,373,43,26,0,48.72,false,"main","2026-07-22 04:02:06","# Jasper's Market WhatsApp Bot\n\nJasper's Market is a fictional grocery brand created to showcase key features of the WhatsApp Business Platform. The bot leverages key features to deliver a great customer experience. Using this demo as inspiration, you can create a delightful WhatsApp experience that leverages both automation and live customer support.\n\n[Access the WhatsApp experience](https:\u002F\u002Fwa.me\u002F15558813169?text=Get+started)\n\nSee the [Developer Documentation on this experience](https:\u002F\u002Fdevelopers.facebook.com\u002Fdocumentation\u002Fbusiness-messaging\u002Fwhatsapp\u002Foverview).\n\n# Setting up your WhatsApp App\n\n## Requirements\n\n- **Meta Developer Account:** Required to create new apps, which are the core of any Meta integration. You can create a new developer account by going to the [Meta Developers website](https:\u002F\u002Fdevelopers.facebook.com\u002F) and clicking the \"Get Started\" button.\n- **Meta App:** Contains the settings for your WhatsApp automation, including access tokens. To create a new app, visit your [app dashboard](https:\u002F\u002Fdevelopers.facebook.com\u002Fapps).\n- **Meta Business:** This is a pre-requisite for building with WhatsApp. If you don't have a business, you can create one in the app creation flow.\n- **WhatsApp Business Account:** This is needed to send and receive messages in WhatsApp. To create a new WhatsApp Business account, visit [Meta Business Suite](https:\u002F\u002Fbusiness.facebook.com\u002Flatest).\n\n## Setup Steps\n\nBefore you begin, make sure you have completed all of the requirements listed above. At this point you should have a Business and a registered Meta App.\n\n#### Get the App id, App Secret, App Token, and Waba id\n\n1. Go to your app Basic Settings, [Find your app here](https:\u002F\u002Fdevelopers.facebook.com\u002Fapps)\n2. Save the **App ID** number and the **App Secret**\n3. Go to your Business in Meta Business Suite and find your desired WhatsApp Business Account under the WhatsApp tab.\n4. Save the **Waba ID**\n5. Create a system user token for your app. Save this **App token**. [Find instructions here](https:\u002F\u002Fdevelopers.facebook.com\u002Fdocumentation\u002Fbusiness-messaging\u002Fwhatsapp\u002Fget-started#1--acquire-an-access-token-using-a-system-user-or-facebook-login)\n\n#### Grant WhatsApp access to your developer app\n\n1. Go to your app Dashboard\n2. Under _Add Product_ find _WhatsApp_ and click _Set Up_\n3. Now you should be in the App's WhatsApp Settings.\n4. Navigate to the _Configuration_ tab.\n\n# Installation\n\nClone this repository on your local machine:\n\n```bash\n$ git clone git@github.com:fbsamples\u002Fwhatsapp-business-jaspers-market.git\n$ cd whatsapp-business-jaspers-market\n```\n\nYou will need:\n\n- [Node](https:\u002F\u002Fnodejs.org\u002Fen\u002F) 10.x or higher\n- Remote server service, a local tunneling service such as [ngrok](https:\u002F\u002Fngrok.com\u002F), or your own webserver.\n\n# Usage\n\n## Using ngrok\n\n#### 1. Setup templates\nIn order for the app to send templated messages, you need to first create those templates under your WhatsApp Business Account. You can either do this by running `.\u002Ftemplate.sh` or through [WhatsApp Manager](https:\u002F\u002Fbusiness.facebook.com\u002Flatest\u002Fwhatsapp_manager\u002Fmessage_templates).\n\n#### 2. Install Redis\nIf not already installed, install redis via [download](https:\u002F\u002Fredis.io\u002Fdocs\u002Flatest\u002Foperate\u002Foss_and_stack\u002Finstall\u002Finstall-stack\u002F).\n\nYou can then start a redis daemon locally via command line:\n\n```bash\nredis-server --daemonize yes\n```\n\n#### 3. Install tunneling service\n\nIf not already installed, install ngrok via [download](https:\u002F\u002Fngrok.com\u002Fdownload) or via command line:\n\n```bash\nnpm install -g ngrok\n```\n\nIn the directory of this repo, request a tunnel to your local server with your preferred port\n```bash\nngrok http 8080\n```\n\nThe screen should show the ngrok status:\n\n```\nSession Status                online\nAccount                       Redacted (Plan: Free)\nVersion                       2.3.35\nRegion                        United States (us)\nWeb Interface                 http:\u002F\u002F127.0.0.1:4040\nForwarding                    http:\u002F\u002F1c3b838deacb.ngrok.io -> http:\u002F\u002Flocalhost:3000\nForwarding                    https:\u002F\u002F1c3b838deacb.ngrok.io -> http:\u002F\u002Flocalhost:3000\n\nConnections                   ttl     opn     rt1     rt5     p50     p90\n                              0       0       0.00    0.00    0.00    0.00\n```\nNote the https URL of the external server that is forwarded to your local machine. In the above example, it is `https:\u002F\u002F1c3b838deacb.ngrok.io`.\n\n#### 4. Install the dependencies\n\nOpen a new terminal tab, also in the repo directory.\n\n```bash\n$ npm install\n```\n\nAlternatively, you can use [Yarn](https:\u002F\u002Fyarnpkg.com\u002Fen\u002F):\n\n```bash\n$ yarn install\n```\n\n#### 5. Set up .env file\n\nCopy the file `.sample.env` to `.env`\n\n```bash\ncp .sample.env .env\n```\n\nEdit the `.env` file to add all the saved secrets. Note that `VERIFY_TOKEN` will be a passphrase you create that will handshake your app with webhook subscription process.\n\n#### 6. Run your app locally\n\n```bash\nnode app.js\n```\n\n#### 7. Configure your webhook subscription\n\nUse the `VERIFY_TOKEN` that you created in `.env` file and subscribe your webhook server's URL for WhatsApp webhooks in your developer page's _Configuration_ tab. Make sure to subscribe to the messages field. Note that the app listens to webhooks on the `\u002Fwebhook` endpoint.\n\n#### 8. Test that your app setup is successful\n\nSend a message to your WhatsApp Business Account from a consumer WhatsApp number.\n\nYou should see the webhook called in the ngrok terminal tab, and in your application terminal tab.\n\nIf you see a response to your message in WhatsApp, you have fully set up your app! Voilà!\n\n## License\n\nSample WhatsApp App Jasper's Market is Apache 2.0 licensed, as found in the LICENSE file.\n\nSee the [CONTRIBUTING](CONTRIBUTING.md) file for how to help out.\n\nTerms of Use - https:\u002F\u002Fopensource.facebook.com\u002Flegal\u002Fterms\nPrivacy Policy - https:\u002F\u002Fopensource.facebook.com\u002Flegal\u002Fprivacy\n","这是一个基于 WhatsApp Business Platform 的虚构杂货店客服机器人演示项目，用于展示企业级 WhatsApp 自动化交互的最佳实践。核心功能包括模板消息发送、用户会话管理、自动化应答与人工客服无缝转接，技术上采用 Node.js 实现 Webhook 接收与响应，并依赖 Meta 开发者平台完成身份认证与消息路由。适用于零售、本地服务等需高频轻量客户触达的业务场景，可作为企业构建合规 WhatsApp 客服系统的参考实现。",2,"2026-07-09 02:30:21","trending"]