智能媒体管理要在小程序中预览文档 ，可以支持业务域名验证吗？
智能媒体管理要在小程序中预览文档 ，可以支持业务域名验证吗？
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
智能媒体管理支持在小程序中预览文档，但需要进行业务域名的验证和配置。以下是详细的解答和操作步骤：
1. 域名验证与白名单配置
在微信小程序中使用WebView加载文档时，如果提示“域名未配置至小程序的WebView白名单”，需要完成以下步骤：
- 联系技术支持：通过钉钉用户群（钉钉群号：88490020073）联系智能媒体管理的技术支持人员。
- 提供验证文件：技术支持人员会根据您提供的微信可信域名验证文件，将您的域名添加到白名单中。
注意：确保提供的域名是可信且符合微信小程序的安全要求。
2. 配置跨域访问
当OSS Bucket域名与预览引擎域名不同时，需在OSS控制台中设置跨域访问规则。具体操作如下：
- 登录阿里云OSS控制台。
- 找到存储文档的Bucket，进入跨域设置页面。
- 添加预览服务域名到跨域访问列表中，确保预览引擎能够正常访问文档资源。
3. 使用WebView加载文档
在微信小程序中，可以通过WebView组件加载文档预览页面。以下是嵌入JSSDK的示例代码：
<view class="page-body">
<view class="page-section page-section-gap">
<web-view src="http://your-custom-domain.com"></web-view>
</view>
</view>
说明： - src属性中的URL应为绑定到OSS Bucket的自定义域名。 - 确保该域名已通过微信小程序的业务域名验证。
4. 获取预览地址和AccessToken
为了实现文档预览，需要获取预览地址和AccessToken。以下是关键步骤：
-
调用GenerateWebofficeToken接口：通过智能媒体管理API获取文档的预览凭证（AccessToken）。
- 设置请求参数
Permission.Readonly为true以启用预览模式。 - AccessToken的有效期为30分钟，过期后需通过刷新机制重新获取。
- 设置请求参数
-
嵌入HTML页面：将获取的预览地址和AccessToken嵌入HTML页面，使用JS-SDK初始化预览功能。示例代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Weboffice</title>
<style>
iframe { width: 100%; height: 100%; }
</style>
</head>
<body>
<script src="https://g.alicdn.com/IMM/office-js/1.1.19/aliyun-web-office-sdk.min.js"></script>
<div id="weboffice-zone"></div>
<script>
window.onload = async function() {
const instance = aliyun.config({
url: '你的文件地址',
accessToken: '你的AccessToken'
});
await instance.ready();
};
</script>
</body>
</html>
5. 注意事项
- 安全性：推荐使用JavaScript API预览方式，避免将临时授权凭证暴露在URL中。
- 浏览器兼容性：确保使用的浏览器支持智能媒体管理的预览引擎（如IE 10+、Edge、Chrome、Firefox等）。
- 协作编辑限制：文档协作编辑的最佳体验人数为50人以下，最高支持100人。超过100人时，系统会自动切换为预览模式。
总结
智能媒体管理支持在小程序中预览文档，并可通过业务域名验证和白名单配置来满足安全需求。请按照上述步骤完成域名验证、跨域设置以及预览地址的获取与嵌入操作。如有疑问，请及时联系技术支持团队。
