iT邦幫忙

鐵人檔案

第 11 屆 iT 邦幫忙鐵人賽
回列表
Modern Web

用Vue實作一個LINE@聊天機器人後台 系列

用Vue實作一個LINE@聊天機器人後台

鐵人鍊成 | 共 30 篇文章 | 19 人訂閱 訂閱系列文 RSS系列文
DAY 1

[Day01] 在這30天內想要完成的目標

「叮咚!」 手機發出了一聲短促的提示音,讓人不禁想快點拿出手機,看看究竟是誰發了訊息給自己。 隨著智慧型手機普及率提高,行動通訊軟體已經深深地融入在我們的日常生...

2019-09-17 ‧ 由 阿君 分享
DAY 2

[Day02] 使用Vue Cli工具建立前端專案

本篇的內容包含 如何安裝Node.js 如何安裝Visual Studio Code 如何透過npm安裝Vue Cli 如何透過Vue Cli設定,產出專案框...

2019-09-18 ‧ 由 阿君 分享
DAY 3

[Day03] 在Vue Cli專案加入Element UI套件

本篇的內容包含 如何在Vue專案中安裝Element UI套件 如何透過babel-plugin-component只引用需要的元件進專案 透過npm安裝re...

2019-09-19 ‧ 由 阿君 分享
DAY 4

[Day04] 製作Menu元件

本篇的內容包含 如何製作Vue元件 今天接續Day03的內容,繼續完成基本的版型配置。 目錄的整理 首先來做一下檔案的整理: 在views下新增一個main...

2019-09-20 ‧ 由 阿君 分享
DAY 5

[Day05] 加入Router設定完成頁面基本配置

router.js import Vue from "vue"; import Router from "vue-router&q...

2019-09-21 ‧ 由 阿君 分享
DAY 6

[Day06] 製作一對一聊天頁面(一):聊天室列表

聊天室元件 index.vue <div class="chat"> <div class="room...

2019-09-22 ‧ 由 阿君 分享
DAY 7

[Day07] 番外篇: 三個前端開發實用小工具

Lorem Picsum:假圖產生器 切板時有時會遇到設計師還沒有提供上稿圖片的狀況,這時候假圖/隨機圖產生器就很重要了。 Lorem Picsum:假圖產生...

2019-09-23 ‧ 由 阿君 分享
DAY 8

[Day08] 製作一對一聊天頁面(二):訊息對話紀錄

index.vue <script> export default{ name:"p-message", prop...

2019-09-24 ‧ 由 阿君 分享
DAY 9

[Day09] 如何申請一個Line官方帳號

製作完基本的一對一聊天元件之後,終於著就要進入重頭戲-Line@ LINE Developer頁面 https://developers.line.biz/...

2019-09-25 ‧ 由 阿君 分享
DAY 10

[Day10] 寫一個基本的WebHook(一):使用.NET Core MVC撰寫API

接下來為我們的Line官方帳號寫一個WebHook。 Line的WebHook的概念就是:在LINE的後台設定一個Api網址用來訂閱在Line官方帳號上面發生的...

2019-09-26 ‧ 由 阿君 分享