Ionic中InAppBrowser打开后设置Cookie失败求助（附代码）

Hey there, let's work through why your cookie setup isn't sticking with InAppBrowser in Ionic! The core issue here is that tools like tough-cookie don't integrate with Cordova's InAppBrowser environment—here's the breakdown and fixes:

Why tough-cookie Isn't Working #

tough-cookie is a Node.js library that manages its own isolated cookie jar. When you set a cookie with it, that cookie only lives in the library's memory, not in the InAppBrowser's WebView cookie storage. That’s why you see no errors, but the cookie never appears in your opened URL.

Working Solutions to Set Cookies in InAppBrowser #

1. Use InAppBrowser's executeScript (No Extra Plugins Needed) #

The most reliable approach is to run native JavaScript directly in the InAppBrowser WebView once the page finishes loading. This modifies the WebView's actual cookie store:

// Open your target URL first
const browser = window.cordova.InAppBrowser.open('http://currentdomain.example.com/path', '_blank', 'location=yes');

// Wait for the page to fully load before setting the cookie
browser.addEventListener('loadstop', () => {
  browser.executeScript({
    code: `
      document.cookie = "cookie-accepted=2; path=/; domain=currentdomain.example.com; secure=false; SameSite=Lax";
    `
  }, (results) => {
    console.log('Cookie set successfully:', results);
  });
});

Adjust these parameters to match your use case:

• domain: Must exactly match the domain of your target URL (e.g., include www if your URL uses it)
• secure: Set to true if your URL uses HTTPS
• SameSite: Use Lax or Strict based on your site's security requirements
• path: Use / to apply the cookie to the entire domain

2. Fixing the Cookie-Master Plugin Usage #

If you prefer using the Cookie-Master plugin, double-check that you're passing all required parameters correctly—mismatched or missing values are the top reason for failed cookie sets.

First, ensure the plugin is properly installed:

cordova plugin add cordova-plugin-cookiemaster

Then use this corrected implementation:

cordova.cookieMaster.setCookieValue(
  'http://currentdomain.example.com', // Target URL
  'cookie-accepted=2', // Cookie key-value pair
  '/', // Cookie path (use / for entire domain)
  'currentdomain.example.com', // Exact domain
  false, // Secure (set to true for HTTPS)
  new Date(Date.now() + 365 * 24 * 60 * 60 * 1000), // Expiration date (1 year from now)
  (success) => console.log('Cookie set:', success),
  (error) => console.error('Cookie error:', error)
);

Common Pitfalls to Avoid #

• Don’t mix Node.js cookie libraries with Cordova: Tools like tough-cookie have no access to the WebView's cookie storage—they’re completely isolated.
• Wait for loadstop: Never try to set a cookie before the InAppBrowser page finishes loading; your code will run before the WebView is ready to accept cookies.
• Match domain exactly: Even a small mismatch (like omitting www when your URL uses it) will prevent the cookie from being applied.

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