您想从UI5发送和接收WhatsApp消息吗？在本教程中，我们将使用SAP Open Connectors、Twilio和SAPUI5创建一个简单的WhatsApp聊天界面，低价的云服务器，以发送和接收WhatsApp消息。
为以下对象创建帐户：
TwilioSAP HANA试用版
向Twilio注册帐户并转到控制台https://www.twilio.com/console。选择Templates和SMS Chabot.
将项目命名为UI5Whatsapp，然后单击Continue。成功创建项目后，云服务器好还是，转到"项目"仪表盘。拿着注意帐户SID和auth。代币。选择可编程SMS和WhatsApp设置测试沙盒。从手机向指定号码发送带有代码的WhatsApp信息。成功后，您将收到以下消息：选择Sandbox并验证数字是否正确。清空消息传入时的状态回调URL并选择保存。
登录到SAP Open Connectors并选择Connectors。搜索"twilio"并选择twilio。选择"验证"。输入以下信息：名称：UI5Whatsapp电话号码–来自Twilio设置。使用测试凭据创建实例：false帐户SID–来自Twilio设置。授权。令牌–来自Twilio设置。选择"创建实例"继续。在API文档中选择"测试"来测试API。
发送WhatsApp消息
选择消息并发布。选择UI5Whatsapp并试用。填写正文部分的信息：{"Body"："你好，世界！","发件人"："whatsapp:+14155238886"，积分返现，"MediaUrl"：https://demo.twilio.com/owl.png","至"："whatsapp:+6512345678"}TwilioAPI现在可以支持图像、视频、PDF等媒体内容，更多详情请参考此链接。在本例中，我们将发送带有文本"helloworld！"的图像附件。选择"执行"继续。如果没有错误，您将看到类似的消息：您将在手机上收到WhatsApp消息：
接收WhatsApp消息
选择消息并获取。选择UI5Whatsapp，并为每页的项目数输入1。选择"执行"继续。如果没有错误，您将得到类似的响应消息。
检索媒体图像
从上面的接收WhatsApp消息步骤获得响应。[{"子资源URI"：{"媒体"："/2010-04-01/Accounts/AC7301a81fd79cdac6741a7c04904f6b42/Messages/mmb588109c418c40a28b3f18116aa896/媒体.json"},"更新日期"："2019年3月18日星期一09:35:57+0000"，"发送日期"："2019年3月18日星期一09:35:38+0000"，大数据中心，"创建日期"："2019年3月18日星期一09:35:28+0000"，"body"："你好，世界！","api\ U版本"："2010-04-01"，"num_segments"："1"，"uri"："/2010-04-01/Accounts/AC7301a81fd79cdac6741a7c04904f6b42/Messages/mmb588109c418c40a28b3f18116aa896.json"，"sid"："MMb588109c418c40a28b3b3f18116aa896"，"num\u media"："1"，"价格单位"："美元"，"价格"："0.00000"，返利系统，"账户\ sid"："AC7301a81fd79cdac6741a7c04904f6b42"，"发件人"："whatsapp:+14155238886"，"至"："whatsapp:+6512345678"，"status"："已送达"，"direction"："出站api"}]打开url:https://api.twilio.com+/2010-04-01/帐户/ACxxxx/消息/sid/媒体.jsonhttps://api.twilio.com/2010-04-01/Accounts/AC7301a81fd79cdac6741a7c04904f6b42/Messages/mmb588109c418a28b3b3f18116aa896/Media.json从媒体列表中获取sid。如果您有多个图像附件，您将得到多个SID。现在打开url:https://api.twilio.com+/2010-04-01/Accounts/ACxxxx/Media/sid:https://api.twilio.com/2010-04-01/Accounts/AC7301a81fd79cdac6741a7c04904f6b42/Messages/MMb588109c418c40a28b3b3f18116aa896/Media/me8a32401d2f8eeeac8e55f0c0cf574您将得到Owl图像：
根据我们在前面步骤中收集的信息，我们可以在UI5中构建一个简单的聊天界面。我是指这个博客建立一个！
我之所以没有做任何webhook调用来获取传入的消息，是因为我想让它变得简单。相反，我使用"loop"函数每2秒检查一次新消息。请随意增强它！
https://github.com/ferrygun/UI5Whatsapp
