TL；DR：在ABAP BSP中使用银币通过WebAR在浏览器上实时显示PO的整体状态银币（Github链接）允许创建完全在浏览器上工作的WebAR应用程序。它目前由NicolòCarpignoli（Twitter:@nicolacarp）维护，云服务器怎么用，买云服务器，新零售企业应用中心，他写了几篇博文，启发了这个基于他博文中相同示例的小型POC演示的构建。（链接："如何在web上仅使用二维码交付应收账款"）

我的场景

想象一下，如果您有一份采购订单（或任何文档）的实际打印件或PDF文件，并且您希望获得有关它的一些实时信息，购物返现，但不想拿起电话与某人通话或运行报告。那么，把你的手机摄像头对准它，得到它的实时状态怎么样？

此设置可通过银币–通过在BSP应用程序上使用不到20行的HTML代码和在打印输出上使用QR代码，我可以在WebAR中显示采购订单的状态。我录制了一段视频短片，你可以在YouTube上观看（持续时间：3分钟25秒）。

ABAP服务器和BSP应用程序

我使用ABAP开发者版服务器托管了一个小型BSP应用程序，并通过ngrok（网站："ngrok–secure introspectable tunnels to首先，一个名为"ZARJS"的新BSP应用程序索引.html页面已创建。在布局编辑器中，云购，输入将调用银币同时检测条形码标记，条形码标记将显示"采购订单状态文本"值。

BSP页索引.html少于20行的HTML代码

The"索引.html"页面有两个页面属性：

最后，在"事件处理程序"选项卡中-添加几行ABAP代码，首先获取查询URL参数"poNumber"，然后通过对表SNWD\u PO和DD07T执行联接来检索状态文本。

BSP应用程序和演示程序都是这样，我启动了ngrok隧道，这样我就可以得到生成的URL（它随免费计划每次都会更改）。

ngrok安全隧道重定向到本地ABAP服务器

二维码-就像在Nicolò的博客中一样，我使用QRCode Monkey手动生成一个带有以下URL的二维码，还生成了一个条形码图像标记值为"18"并将其作为徽标上传到QRCode Monkey.

QRCode URL:https://cc77b5ac0f60.ngrok.io/sap/bc/bsp/sap/zarjs/index.html？poNumber=30000039

对于POC，手动创建采购订单的PDF，并将生成的QRCode作为图像嵌入其中。您可以在上面的YouTube视频中看到这一切是如何工作的。

结论

AR/VR是一个新兴的开发空间，使用您的web浏览器通过一个小的JavaScript库获得WebAR体验的可能性使构建AR应用程序变得更为容易。

系统中还有其他功能银币非常有趣的框架作为位置跟踪、图像跟踪、事件触发和多标记支持。

希望您喜欢这个小POC，BSP应用程序的源代码可以在Github上找到，您可以使用ABAPGit获得。

Github repo:https://github.com/albanleong/arjspoc