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

相关内容

热门资讯

解谜透视!智星德州插件,微乐小... 解谜透视!智星德州插件,微乐小程序辅助工具免费版,绝活教程(真的有挂)-哔哩哔哩1、这是跨平台的智星...
关于透视!sohoo poke... 关于透视!sohoo poker辅助器!原来一直都是有辅助工具(讲解有挂)-哔哩哔哩1、sohoo ...
普及透视!wepoker破解器... 普及透视!wepoker破解器激活码,微信小程序微乐陕西挖坑辅助,课程教程(有挂技巧)-哔哩哔哩1、...
普及透视!newpoker怎么... 普及透视!newpoker怎么安装脚本!一贯存在有辅助攻略(有挂教程)-哔哩哔哩1.newpoker...
关于透视!aapoker脚本怎... 关于透视!aapoker脚本怎么用,微信微乐辅助免费,学习教程(有挂总结)-哔哩哔哩1、进入游戏-大...
详情透视!pokemmo辅助器... 详情透视!pokemmo辅助器手机版下载!一直真的有辅助技巧(有挂分析)-哔哩哔哩pokemmo辅助...
了解透视!德州局透视脚本免费版... 了解透视!德州局透视脚本免费版下载手机版,微乐家乡官方app,举措教程(有挂工具)-哔哩哔哩;一、德...
分享透视!拱趴大菠萝万能挂图解... 分享透视!拱趴大菠萝万能挂图解!切实存在有辅助教程(有挂详细)-哔哩哔哩;1、让任何用户在无需拱趴大...
专业透视!德州局怎么透视!其实... 专业透视!德州局怎么透视!其实一直总是有辅助app(有挂技巧)-哔哩哔哩1、完成德州局怎么透视辅助器...
揭露透视!pokemmo脚本,... 揭露透视!pokemmo脚本,微乐山西威信小程序,资料教程(有挂总结)-哔哩哔哩1、pokemmo脚...