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

相关内容

热门资讯

玩家必备科技!拱趴大菠萝开挂方... 玩家必备科技!拱趴大菠萝开挂方法,wepoker辅助器安装包定制,力荐教程(有挂技巧);建议优先通过...
2024教程!约局吧德州可以透... 2024教程!约局吧德州可以透视吗,德州hhpoker脚本,技巧教程(有挂技巧);玩家必备必赢加哟《...
今日重大通报!wepoker有... 今日重大通报!wepoker有没有机器人,wepoker有机器人吗,2025教程(有挂透明)是由北京...
来一盘!aapoker怎么控制... 来一盘!aapoker怎么控制牌,we-poker软件,2025新版总结(有挂教程);建议优先通过a...
我来分享!wepoker有用吗... 我来分享!wepoker有用吗,wepoker免费脚本,揭秘教程(有挂辅助);最新版2024是一款经...
热点推荐!德普之星透视软件免费... 热点推荐!德普之星透视软件免费入口官网,hhpkoer辅助器视频,我来教教你(有挂技巧)是由北京得德...
玩家爆料!佛手在线大菠萝智能辅... 玩家爆料!佛手在线大菠萝智能辅助器,wepoker免费钻石,可靠技巧(有挂软件);支持多人共享记分板...
揭秘攻略!hhpoker视频巡... 揭秘攻略!hhpoker视频巡查真的假的,pokemmo手机脚本,曝光教程(有挂软件);人气非常高,...
盘点一款!wepoker怎么破... 盘点一款!wepoker怎么破解游戏,we-poker靠谱吗,透牌教程(有挂攻略);致您一封信;亲爱...
三分钟了解!aa poker辅... 三分钟了解!aa poker辅助,wepoker私人定制透视,微扑克教程(有挂方法);玩家必备必赢加...