文件列表:

.env.example (126, 2023-03-25)
.eslintrc.json (40, 2023-03-25)
components/ (0, 2023-03-25)
components/layout/ (0, 2023-03-25)
components/layout/index.tsx (2461, 2023-03-25)
components/layout/meta.tsx (1296, 2023-03-25)
components/loading-dots.module.css (564, 2023-03-25)
components/loading-dots.tsx (362, 2023-03-25)
components/modal.tsx (1594, 2023-03-25)
components/slack-button.tsx (2136, 2023-03-25)
components/video-modal.tsx (3007, 2023-03-25)
lib/ (0, 2023-03-25)
lib/cron.ts (3591, 2023-03-25)
lib/helpers.ts (5831, 2023-03-25)
lib/hn.ts (1245, 2023-03-25)
lib/slack.ts (11252, 2023-03-25)
lib/upstash.ts (6308, 2023-03-25)
manifest.ts (1165, 2023-03-25)
next-env.d.ts (201, 2023-03-25)
next.config.js (807, 2023-03-25)
package-lock.json (304662, 2023-03-25)
package.json (1024, 2023-03-25)
pages/ (0, 2023-03-25)
pages/_app.tsx (444, 2023-03-25)
pages/_document.tsx (233, 2023-03-25)
pages/api/ (0, 2023-03-25)
pages/api/auth.ts (1523, 2023-03-25)
pages/api/cmd/ (0, 2023-03-25)
pages/api/cmd/configure.ts (1260, 2023-03-25)
pages/api/cron/ (0, 2023-03-25)
pages/api/cron/index.ts (788, 2023-03-25)
pages/api/cron/test.ts (971, 2023-03-25)
pages/api/event.ts (562, 2023-03-25)
pages/api/og.tsx (2432, 2023-03-25)
pages/api/response.ts (4813, 2023-03-25)
pages/index.tsx (2994, 2023-03-25)
pages/success/ (0, 2023-03-25)
pages/success/[[...teamId]].tsx (2859, 2023-03-25)
... ...

or deploy your own

## Built With 1. [Vercel Functions](https://vercel.com/docs/concepts/functions) for [cron processes](https://github.com/vercel-labs/slacker/blob/main/pages/api/cron/index.ts) & [event subscriptions via webhooks](https://github.com/vercel-labs/slacker/blob/main/pages/api/event.ts) 2. [Vercel Cron Jobs](https://vercel.com/docs/cron-jobs) for triggering cron processes. 3. [Hacker News API](https://github.com/HackerNews/API) for [pulling data](https://github.com/vercel-labs/slacker/blob/main/lib/hn.ts) 4. [Slack API](https://api.slack.com/docs) for [sending](https://github.com/vercel-labs/slacker/blob/main/lib/slack.ts#L47) and [unfurling](https://github.com/vercel-labs/slacker/blob/main/lib/slack.ts#L73) messages 5. [Upstash](https://upstash.com) for key-value storage ([Redis](https://upstash.com/redis)).
## How It Works 1. Set up a [Vercel cron job](https://vercel.com/docs/cron-jobs) that pings our [`/api/cron` endpoint](https://github.com/vercel-labs/slacker/blob/main/pages/api/cron/index.ts) once every 60 seconds. 2. Get the last checked HN post ID ([`lastCheckedId`](https://github.com/vercel-labs/slacker/blob/main/lib/cron.ts#L11)) and the list of `keywords` to check against from Upstash. 3. Get the `latestPostId` using HN API's [`maxitem`](https://github.com/HackerNews/API#max-item-id) endpoint. Then, perform checks against each post between `lastCheckedId` and `latestPostId` to see if they contain any of the delineated `keywords`. 4. For each positive post, send its link to Slack using the [`chat.postMessage` method](https://api.slack.com/methods/chat.postMessage). 5. Listen to the [`link_shared` event](https://api.slack.com/events/link_shared) at our `/api/event` endpoint. Once an event occurs, send a POST request to Slack to unfurl the link using the [chat.unfurl method](https://api.slack.com/methods/chat.unfurl). ## One-Click Install > Here's a [60s video](https://user-images.githubusercontent.com/28986134/221060512-df024fa3-594e-4e09-9d1e-656fae85f5c3.mp4) that walks you through the installation process, step-by-step. You can click the button below to install the bot directly into your desired Slack workspace: Once it's installed, create a channel to receive notifications in and start configuring the bot with the `/configure` command.
## Deploy Your Own You can also deploy your own version of this bot using Vercel and Upstash. Note that while this is in early-access, some of these processes might change. > Prefer a video tutorial instead? Watch this [video](https://youtu.be/_F4VuVKJn0Q). ### Step 1: Create Slack App + Secure Env Vars 1. Navigate to [api.slack.com/apps](https://api.slack.com/apps) and click on "Create New App". 2. Select "From scratch" and input `Hacker News Bot` as the name of your app. 3. Voilà! You've just created your Slack app. Here, you'll receive 3 values that will be used for your Vercel deployment in the next step: - **Client ID**: This is your App's unique public-facing ID that will be the value for the `NEXT_PUBLIC_SLACK_CLIENT_ID` env var. - **Signing Secret**: This is the signing secret used to validate that requests are genuinely coming from Slack. It will be the value for the `SLACK_SIGNING_SECRET` env var. - **Verification Token**: This is the verification token used to validate that requests are genuinely coming from Slack. It will be the value for the `SLACK_VERIFICATION_TOKEN` env var.  ### Step 2: Create Upstash Account Go to [console.upstash.com](https://console.upstash.com/login) and create an account. You'll need it for the next step. ### Step 3: Deploy to Vercel You can deploy your bot to Vercel with one-click: [](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fvercel-labs%2Fslacker&project-name=slacker&repository-name=slacker&env=NEXT_PUBLIC_SLACK_CLIENT_ID,SLACK_SIGNING_SECRET,SLACK_VERIFICATION_TOKEN&envDescription=Read%20more%20about%20the%20required%20env%20vars%20here%3A&envLink=https%3A%2F%2Fgithub.com%2F%2Fslacker%23deploy-your-own&demo-title=Hacker%20News%20Slack%20Bot&demo-description=A%20bot%20that%20monitors%20Hacker%20News%20for%20mentions%20of%20certain%20keywords%20and%20sends%20it%20to%20a%20Slack%20channel.&demo-url=https%3A%2F%2Fhn-slack-bot.vercel.app%2F&demo-image=https%3A%2F%2Fhn-slack-bot.vercel.app%2Fthumbnail.png&integration-ids=oac_V3R1GIpkoJorr6fqyiwdhl17) Be sure to include all 5 of the env vars above in your deployment. When the project finishes deploying, get your project's domain (e.g. `https://slacker-eight.vercel.app/`). You'll need it for the next step. ### Step 4: Configuring Slack app For your Slack app to be able to send/unfurl messages in your Slack workspace, we will need to configure a few things: #### Step 4A: Configuring OAuth Scopes 1. From your Slack app home screen, select "OAuth & Permissions" from the sidebar (under "Features"). 2. Scroll down to "Scopes", and add the following scopes under "Bot Token Scopes": - `chat:write` - `chat:write.public` - `links:read` - `links:write`  #### Step 4B: Configuring Event Subscriptions 1. Now, select "Event Subscriptions" from the sidebar (under "Features"). 2. Toggle "Enable Events" to "ON". 3. For the "Request URL" field, input your Vercel project's domain and append `/api/event` to it. The final URL should look something like `https://slacker-eight.vercel.app/api/event`. 4. Scroll down to "Subscribe to bot events". Add the `link_shared` bot user event. 5. Do the same for `Subscribe to events on behalf of users".  6. Under "App unfurl domains", add `news.ycombinator.com`.  7. Click on "Save Changes". #### Step 4C: Configure Slash Commands Select "Slash Commands" from the sidebar (under "Features"). Create the following commmand with its respective Request URLs (based on your Vercel project's domain): - Command: `/configure` - Request URL: `https://[YOUR_VERCEL_PROJECT_DOMAIN]/api/cmd/configure` - Short Description: Configure your HN Slack Bot #### Step 4D: Enable Interactivity 1. Now, select "Interactivity & Shortcuts" from the sidebar (under "Features"). 2. Toggle "Interactivity" to "ON". 3. For the "Request URL" field, input your Vercel project's domain and append `/api/response` to it. The final URL should look something like `https://slacker-eight.vercel.app/api/response`. 4. Click on "Save Changes". #### Step 4E: Install App to Slack Workspace + Get OAuth token 1. Go to "Basic Information" (under "Settings"). 2. Under "Install your app", click on "Install to Workspace". 3. You should receive a notification that your app has been installed in your Slack workspace. 4. Go back to "OAuth & Permissions". Copy the value of "Bot User OAuth Token".  5. Set it as the `SLACK_OAUTH_TOKEN` env var in your Vercel project. Here's a [guide](https://vercel.com/docs/concepts/projects/environment-variables) on how to do that. 6. Redeploy your Vercel project for the changes to take effect. 7. To verify that this worked, go to any channel on your Slack workspace and send a Hacker News link. The link should now unfurl and show a nice preview (like the one above).
## Authors This project was originally created by [Steven Tey](https://twitter.com/steventey) at [Vercel](https://vercel.com/), with contributions/feedback from: - Guillermo Rauch ([@rauchg](https://twitter.com/rauchg)) – [Vercel](https://vercel.com) - Justin Ridgewell ([@jridgewell](https://github.com/jridgewell)) – [Vercel](https://vercel.com) - Andrew Healey ([@healeycodes](https://github.com/healeycodes)) – [Vercel](https://vercel.com) - Drew Bredvick ([@dbredvick](https://twitter.com/dbredvick)) –[Vercel](https://vercel.com) - Lee Robinson ([@leeerob](https://twitter.com/leeerob)) – [Vercel](https://vercel.com) - Andreas Thomas ([@chronarkdotdev](https://twitter.com/chronarkdotdev)) – [Upstash](https://upstash.com)
## License The MIT License.

近期下载者：

相关文件：

评论：[我要评论] [举报此文件]

收藏者：