Skip to content

Preparing Certificates

Jump to bottom Edit New page
Varun Gupta edited this page May 30, 2024 · 9 revisions

apparently these certificates are no longer the preferred way to connect. consider using tokens instead

After requesting the certificate from Apple, download the .cer file (usually named aps_production.cer or aps_development.cer) from the iOS Provisioning Portal, save in a clean directory, and import it into Keychain Access.

It should now appear in the keyring under the "Certificates" category, as Apple Push Services. Inside the certificate you should see a private key (only when filtering for the "Certificates" category). Export this private key as a .p12 file.

Now, in the directory containing cert.cer and key.p12, execute the following commands to generate your .pem files:

$ openssl x509 -in cert.cer -inform DER -outform PEM -out cert.pem
$ openssl pkcs12 -in key.p12 -out key.pem -nodes -legacy

Test certificates:

$ openssl s_client -connect gateway.push.apple.com:2195 -cert cert.pem -key key.pem # production

If you are using a development certificate you may wish to name them differently to enable fast switching between development and production. The filenames are configurable within the module options, so feel free to name them something more appropriate.

It is also possible to supply a PFX (PFX/PKCS12) package containing your certificate, key and any relevant CA certificates. The method to accomplish this is left as an exercise to the reader. It should be possible to select the relevant items in "Keychain Access" and use the export option with .p12 format.

``<section class="vh-100">
<div class="container-fluid h-custom">
<div class="row d-flex justify-content-center align-items-center h-100">
<div class="col-md-9 col-lg-6 col-xl-5">
<img src="https://mdbcdn.b-cdn.net/img/Photos/new-templates/bootstrap-login-form/draw2.webp"
class="img-fluid" alt="Sample image">

</div> <div class="col-md-8 col-lg-6 col-xl-4 offset-xl-1">

<form>
<div class="d-flex flex-row align-items-center justify-content-center justify-content-lg-start">

<p class="lead fw-normal mb-0 me-3">Sign in with</p> <button type="button" class="btn btn-primary btn-floating mx-1">

<i class="fab fa-facebook-f"></i>

</button>

<button type="button" class="btn btn-primary btn-floating mx-1">
<i class="fab fa-twitter"></i>

</button>

<button type="button" class="btn btn-primary btn-floating mx-1">
<i class="fab fa-linkedin-in"></i>

</button>

</div>

<div class="divider d-flex align-items-center my-4">
<p class="text-center fw-bold mx-3 mb-0">Or</p>

</div>

<!-- Email input --> <div class="form-outline mb-4">

<input type="email" id="form3Example3" class="form-control form-control-lg"
placeholder="Enter a valid email address" />

<label class="form-label" for="form3Example3">Email address</label>

</div>

<!-- Password input --> <div class="form-outline mb-3">

<input type="password" id="form3Example4" class="form-control form-control-lg"
placeholder="Enter password" />

<label class="form-label" for="form3Example4">Password</label>

</div>

<div class="d-flex justify-content-between align-items-center">

<!-- Checkbox --> <div class="form-check mb-0">

<input class="form-check-input me-2" type="checkbox" value="" id="form2Example3" /> <label class="form-check-label" for="form2Example3">

Remember me

</label>

</div> <a href="#!" class="text-body">Forgot password?</a>

</div>

<div class="text-center text-lg-start mt-4 pt-2">
<button type="button" class="btn btn-primary btn-lg"
style="padding-left: 2.5rem; padding-right: 2.5rem;">Login</button>
<p class="small fw-bold mt-2 pt-1 mb-0">Don't have an account? <a href="#!"
class="link-danger">Register</a></p>

</div>

</form>

</div>

</div>

</div> <div

class="d-flex flex-column flex-md-row text-center text-md-start justify-content-between py-4 px-4 px-xl-5 bg-primary"> <!-- Copyright --> <div class="text-white mb-3 mb-md-0">

Copyright © 2020. All rights reserved.

</div> <!-- Copyright -->

<!-- Right --> <div>

<a href="#!" class="text-white me-4">
<i class="fab fa-facebook-f"></i>

</a> <a href="#!" class="text-white me-4">

<i class="fab fa-twitter"></i>

</a> <a href="#!" class="text-white me-4">

<i class="fab fa-google"></i>

</a> <a href="#!" class="text-white">

<i class="fab fa-linkedin-in"></i>

</a>

</div> <!-- Right -->

</div>

</section>

Clone this wiki locally