可重复使用的侧边栏

将LPSNG与其他应用程序集成

＃可重复使用补充工具栏您无需重新发明轮子以将LPSNG与您的应用程序集成：我们的可重复使用侧边栏技术允许用于在其他应用程序（Web或本机）中进行极其简单的集成。

它还允许未来改进侧栏以及其他功能，而无需更改您的应用程序。

##经过验证的技术我们将这项技术用于Google表格，Microsoft Excel 365和Microsoft Office 2013的集成插件。

＃＃这个怎么运作 1.在HTML标题中包含我们的一个JavaScript文件 2.在您的网页中定义** div **，我们的侧边栏应该存在。 3.使用LPSNG注册您的申请（需要专业版订阅）。 3.在页面初始化期间调用我们的入口点 4.提供一些回调函数

###修改HTML ..... ......

JavaScript以源代码形式提供，可让您了解自定义的可能性。＃＃＃要求可重复使用的侧边栏基于IFRAME。

如果您确实从沙盒IFRAME中包含我们的侧边栏，则需要以下权限： *允许同源 *允许表格

allow-scripts
allow-popups
allow-popups-to-escape-sandbox

###注册您的申请 1.转到管理应用程序 2.添加您的申请 3.将重定向网址设置为**/loginComplete.html** 注意*client_id 和client_secret**

JavaScript代码

function getData(completion, options) {

   var data= [
       { barcode:"4012345123456", productName:"Coca Cola", price: "1.42", 
           labelCount: 10},
       { barcode:"4191709413901", productName:"dotnetpro", price: "14.90", 
           labelCount: 5}
       ];

   var job= {
       title:"Test Job",
       name: "Test Job",
       description: "Job description",
       data: JSON.stringify(data)
       };

   completion(job);
   };

function DoPrint(completion, options) {
   getData(completion, options);
   };

var conf= {
   div: "sidebarContents",        // div id on page
   clientId: "..........",        // client_id from "Manage Applications"
   clientSecret: "............",  // client_secret 
   getData: getData
   };

window.LpsngEmbedded(conf);

###强制配置参数

参数	价值
div	侧边栏的div id
clientId	client_id（来自应用程序管理）
clientSecret	client_secret（来自应用程序管理）
getData	作为工作数据源

###其他自定义给予window.LpngEmbdded的数据结构可以包含其他（可选）参数：

参数	价值
debug	在侧栏中显示当前状态。在调试日志中显示跨帧通信。
loginPartner	预先选择的登录伙伴的名称
accessToken	访问令牌
user	用户ID（GUID）
design	精选设计（GUID）
loadState	恢复（用户特定）状态
storeState	保存（用户特定）状态
extensions	定义其他用户界面组件
extensions.buttonTitle	自定义按钮之前的标题
extensions.buttons	自定义按钮的定义
extensions.optionTitle	自定义选项之前的标题
extensions.options	自定义选项的定义
urlBase	使用不同的LPSNG网站。对于RSJ内部测试
handler	帧间消息处理程序。仅用于特殊情况（例如Google Apps Script集成）。

##示例页面我们已经使用这项技术实现了测试页面。此页面显示了许多调试信息，可让您查看实际发生的情况。

您可以在此处找到测试页。