Angular生产环境中的DynamicsCRM营销活动网站上没有显示Paypal按钮。
创始人
2024-10-29 10:30:31
0

问题可能是由于使用Angular生产环境时未正确加载Paypal SDK库文件导致的。为确保正确加载Paypal SDK库文件并在Angular生产环境中显示Paypal按钮,请按照以下步骤操作:

  1. 安装Paypal SDK库文件:使用以下命令安装Paypal SDK库文件:
npm install @paypal/checkout-sdk --save
  1. 导入Paypal SDK库文件:在app.module.ts文件中导入Paypal SDK库文件:
import { PayPalScriptService, PayPalScriptLoaderOptions } from '@paypal/angular-components/paypal-script.service';
import { PAYPAL_SCRIPT_URL, PAYPAL_CLIENT_ID } from './app.config'; // Replace with your own PayPal configuration
 
const payPalScriptOptions: PayPalScriptLoaderOptions = {
    'client-id': PAYPAL_CLIENT_ID,
    'currency': 'USD'
};
 
@NgModule({
    imports: [
        PayPalButtonModule.forRoot(payPalScriptOptions)
    ]
})
export class AppModule {
    constructor(scriptsLoader: PayPalScriptService) {
        scriptsLoader.loadPayPalScript({ url: PAYPAL_SCRIPT_URL });
    }
}
  1. 在HTML文件中添加Paypal按钮:在需要添加Paypal按钮的HTML文件中添加以下代码:
  1. 在TS文件中调用Paypal API:在需要调用Paypal API的TS文件中添加以下代码:
import { PayPalScriptService } from '@paypal/angular-components/paypal-script.service';
import { PAYPAL_CLIENT_ID } from './app.config'; // Replace with your own PayPal configuration
 
constructor(private paypalScriptService: PayPalScriptService) {}
 
this.paypalScriptService.loadPayPalScript().subscribe(() => {
    // Render the PayPal button
    paypal.Buttons({
        createOrder: (data, actions) => {
            // Set up the transaction
            return actions.order.create({
                purchase_units: [{
                    amount: {
                        value: '0.01'
                    }
               }]
            });
        },
        onApprove: (data, actions) => {
            // Capture the funds from the transaction

相关内容

热门资讯

wepoke插件!德扑赔率胜率... wepoke插件!德扑赔率胜率计算,(AAPOker)往昔真的是有挂(详细透视总结教程);支持多人共...
透视app(wpk有辅助挂)德... 您好,wpk有辅助挂这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多玩家在这...
透视私人局(aapoker辅助... 透视私人局(aapoker辅助)pokernow怎么开挂(详细辅助必备教程)原先真的有挂aapoke...
德扑之星辅助器购买!德扑之星禁... 1、德扑之星辅助器购买!德扑之星禁止模拟器,(来玩德州)其实是真的有挂(详细透视可靠技巧)2、进入游...
透视脚本(德州ai人工智能)德... 透视脚本(德州ai人工智能)德州poker外挂(详细辅助线上教程)总是真的是有挂1、金币登录送、破产...
wepoke辅助挂!众合推扑克... wepoke辅助挂!众合推扑克辅助工具,(德州aapoker俱乐部)原先真的是有挂(详细透视黑科技教...
透视规律(wepoke辅助德之... 透视规律(wepoke辅助德之星)线上德州ai机器人(详细辅助解密教程)从来有挂,您好,wepoke...
德州ai人工智能!德州之星ap... 德州ai人工智能!德州之星app辅助,(wepoKE)原本是真的有挂(详细辅助大神讲解);致您一封信...
透视存在(wpk辅助挂)wep... 透视存在(wpk辅助挂)wepoke怎么来好牌(详细辅助可靠教程)原来有挂是一款可以让一直输的玩家,...
wepokeai代打!红龙扑克... 这是一款非常优秀的wepokeai代打 ia辅助检测软件,能够让你了解到wepokeai代打中牌率当...