如何在公开Visualforce页面嵌入Dashboard？代码执行后页面空白

我帮你分析下核心问题：你用的<dashboard>组件是专门给已登录Salesforce用户设计的，它依赖用户的会话权限和Dashboard的共享设置，而公开Visualforce页面是匿名访问的，没有这些权限支撑，所以页面会完全空白。另外iframe方法违反CSP规则，那我们换一个合规且可行的方案。

解决方案思路 #

我们需要通过Apex获取Surveys__c相关的统计数据，然后用Visualforce自带的图表组件（或合规的第三方图表库）来渲染交互式数据，这样既符合CSP规则，又能让匿名用户正常访问。

步骤1：创建无共享权限的Apex控制器 #

因为匿名用户没有默认的对象访问权限，所以我们用without sharing关键字确保控制器能查询到Surveys__c的数据，同时要在后台给匿名用户配置Surveys__c的Read权限。

global without sharing class PublicSurveyDashboardController {
    // 获取按状态分组的Survey统计数据
    public List<AggregateResult> getSurveyStatusStats() {
        return [
            SELECT Status__c, COUNT(Id) AS SurveyCount
            FROM Surveys__c
            GROUP BY Status__c
        ];
    }

    // 获取近6个月的Survey创建趋势数据
    public List<AggregateResult> getSurveyTrendStats() {
        return [
            SELECT CALENDAR_MONTH(CreatedDate) AS Month, COUNT(Id) AS SurveyCount
            FROM Surveys__c
            WHERE CreatedDate = LAST_N_MONTHS(6)
            GROUP BY CALENDAR_MONTH(CreatedDate)
            ORDER BY CALENDAR_MONTH(CreatedDate)
        ];
    }
}

步骤2：创建公开Visualforce页面 #

用Salesforce原生的Visualforce Charting组件（完全符合CSP，无需外部资源）来渲染交互式图表，不会触发CSP违规：

<apex:page 
    sidebar="true" 
    standardController="Surveys__c" 
    extensions="PublicSurveyDashboardController"
    showHeader="false"
    contentType="text/html; charset=UTF-8"
>
    <h2>Survey Dashboard</h2>
    
    <!-- 按状态分组的柱状图 -->
    <div style="margin: 20px 0;">
        <h3>Survey Status Distribution</h3>
        <apex:chart height="350" width="700" data="{!surveyStatusStats}">
            <apex:axis type="Category" position="bottom" fields="Status__c" title="Status"/>
            <apex:axis type="Numeric" position="left" fields="SurveyCount" title="Number of Surveys"/>
            <apex:barSeries orientation="vertical" axis="left" xField="Status__c" yField="SurveyCount" colorset="#4285F4,#EA4335,#FBBC05,#34A853"/>
        </apex:chart>
    </div>

    <!-- 近6个月的趋势折线图 -->
    <div style="margin: 20px 0;">
        <h3>Survey Creation Trend (Last 6 Months)</h3>
        <apex:chart height="350" width="700" data="{!surveyTrendStats}">
            <apex:axis type="Category" position="bottom" fields="Month" title="Month"/>
            <apex:axis type="Numeric" position="left" fields="SurveyCount" title="Number of Surveys"/>
            <apex:lineSeries axis="left" xField="Month" yField="SurveyCount" markerType="circle" markerSize="6"/>
        </apex:chart>
    </div>
</apex:page>

步骤3：配置权限和公开访问 #

1. 给匿名用户分配对象权限：在Setup中找到你的公共Profile（比如"Guest User Profile"），进入对象设置，给Surveys__c对象分配Read权限，同时确保相关字段（比如Status__c、CreatedDate）也有Read权限。
2. 设置页面为公开：进入Setup > Visualforce Pages，找到你创建的页面，编辑并勾选"Available for public access"选项。
3. CSP验证：因为用的是Salesforce原生组件，不需要额外配置CSP规则；如果后续用第三方图表库（比如Chart.js），需要在Setup > CSP Trusted Sites中添加对应的CDN地址，并允许script-src权限。

为什么之前的方法不行？ #

• <dashboard>组件：仅支持已登录用户，依赖用户的Dashboard共享权限和会话，匿名用户无法触发组件渲染。
• iframe方法：会被严格的CSP规则拦截，因为Salesforce默认不允许加载内部iframe到公开页面（尤其是跨域或未授权的资源）。

内容的提问来源于stack exchange，提问作者cgcummingss