---
# System prepended metadata

title: LINE Icon Switch (虛擬角色)
tags: [功能教學, 進階使用者]

---

# LINE Icon Switch (虛擬角色)

###### tags: `功能教學` `進階使用者`

## 背景
在透過`LINE 官方帳號`發送訊息時，可以指定`LINE`官方帳號的頭像、和部分的帳號名稱。
如以下範例，在頭像部分就被更換成兔兔，而部分名稱被替換成 Cony
![範例圖](https://developers.line.biz/assets/img/icon-nickname-switch.7ad52e1a.jpg)

## GOSU BAR 臨時解法(最小實作)
* 此臨時解法在未來完整功能實作後可能會被棄用

1. 準備虛擬角色的頭像 [正方形(100x100) / png / 1M]、名稱 [最多20個字]
1. 進入流程編輯器
2. 上傳圖片
    我們將利用發送訊息節點中的卡片功能來將圖片上傳至 GOSU BAR 中
    1. 從左方建立發送訊息節點
    2. 在藍色訊息區塊點擊右鍵，`卡片` > `+ 建立新卡片`
    3. 點擊`上傳圖片`
    4. 選擇要當成頭像的圖片
    5. 確定上傳
    6. 點擊更換圖片
    7. 複製下方的網址
    8. 將網址貼到筆記本
    9. 把發送訊息節點刪除
3. 拉出四個節點，分別是 起始點、決策點、設定屬性、發送訊息、設定屬性
4. 編輯`決策點`節點
    1. 設定比對的文字， `HI`
    ![](https://i.imgur.com/DsEVoX0.png)

5. 編輯`設定屬性`節點
    1. 將節點重新命名為`設定虛擬角色` 
    2. 點擊`新增屬性`（只需一次）
        - 應用對象: 好友
        - 名稱: 虛擬角色名稱
        - 變數名稱: senderName
        - 點擊新增
    3. 點擊`新增屬性`（只需一次）
        - 應用對象: 好友
        - 名稱: 虛擬角色頭像
        - 變數名稱: senderIconUrl
        - 點擊新增
    4. 屬性 `虛擬角色名稱` 設定為你要的虛擬角色的名稱
    5. 屬性 `虛擬角色頭像` 設定為剛剛上傳的圖片網址
    ![](https://i.imgur.com/9zrc2B2.png)


6. 設定`發送訊息`節點
    1. 在藍色訊息區塊點擊右鍵，`文字`
    2. 輸入文字 Hi
    ![](https://i.imgur.com/VTBvVzU.png)

5. 編輯`設定屬性`節點
    1. 將節點重新命名為`清空` 
    2. 屬性 `虛擬角色名稱` `清空`
    3. 屬性 `虛擬角色頭像` `清空`
    ![](https://i.imgur.com/7KJhlEp.png)


7. 將所有節點連起來
 ![](https://i.imgur.com/n7cnApI.png)

 